How to keep form labels aligned

<1 min. read

Ever wanted to align a set of Label elements to the right, and have them keep that alignment as you edit their text? There's a way to do it:

  1. select all the labels
  2. align them right
  3. set the text alignment in the property inspector to the right
  4. click autosize to autosize all the labels.Now, when you edit the text of any of the labels, they will "grow to the left" and stay right aligned.

This also works with centering titles, for instance. Just center-align the text in the property inspector and autosize. The UI element will grow on either side, staying centered relative to the rest of your wireframe.

Try it!

Author

Peldi Guilizzoni
Peldi Guilizzoni

Founder and Product Designer @ Balsamiq

Questions or feedback? Email peldi@balsamiq.com.

Related articles


How to add a background color to any UI element

A trick to add backgrounds to any UI element in Balsamiq.

How to add a blank row to a combobox or menu element

A neat trick to add a blank row to two common Balsamiq UI elements.

Hold ALT to select layered UI elements

Speed up your Balsamiq selection skills with this neat trick.


Other topics you might be interested in

Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.