Display Box Misalignments

Sometimes you compose a collection of display boxes and they don’t appear to be fully aligned.  If you care about the aesthetics of a user interface this can drive you a bit crazy!  Here is a trick that will help you fix the problem.
Here is my dialog window:

misaligned-gb-zoom

I have a row that contains both a text box and a combo box.  The text box is a few pixels higher than the combo box.

To fix the problem you can send the vertical alignment message to text box:

misaligned-fixed-zoom

Here is the fully code, with the highlighted line showing the text box definition:

Leave a Reply

Your email address will not be published. Required fields are marked *