I have an interface that has filters and buttons at the top. I cannot seem to get the buttons and dropdowns to vertically align. They are just slightly off even though the button array layout has marginBelow set to NONE.
I've read the button array layout documentation: https://docs.appian.com/suite/help/19.1/Button_Array_Layout.html
The last section, Button with no margin below, you can see that the text box and button are vertically aligned perfectly. BUT they stick both in a side by side layout. I have tried this with my interface and although placing the button in a side by side layout does align it correctly, it loses the integrity of the column layout and then the buttons overlap:
Above, CLEAR FILTERS is now in a side by side layout and is aligned with dropdowns (EDIT SELECTION is not in side by side and is therefore not aligned), but the buttons overlap.
It seems like there is this whitespace on the top and bottom of the button, but not on the dropdown:
Thanks in advance for any insight!
Discussion posts and replies are publicly visible
Hi Kelly
I tried this out and I see what you mean. It's a fraction off being lined up along the bottom edge, almost as if the button were ever so slightly too small! No insight into this I'm afraid...only a possible alternative: do the buttons have to be buttons? There's a wealth of images that you can attach button-like functionality to by adding links to them.
We are trying to establish some design consistency across apps so we'd like to keep the buttons. It's such a small alignment issue so it's not critical. I was just curious if I had been doing something wrong or if there was a workaround. Thanks for your response!