Toggling Between Horizontal and Vertical Form Fields

Follow

Switching up your form fields with vertical or horizontal alignment is a cool way to customize designs and optimize the amount of space you have available. This can really improve the way you ask vital questions and create a more pleasant user experience. Neat, right?

Screen_Shot_2019-02-06_at_4.16.30_PM.png

These steps will help you toggle between horizontal and vertical form fields on:

  • Landing Pages
  • Popups
  • Sticky Bars

Toggling between Horizontal/Vertical Form Fields on Landing Pages

Follow  the instructions below to toggle between horizontal and vertical form field alignment:

  1. Click on the Form you’d like to edit.

    Screen_Shot_2019-02-06_at_4.16.44_PM.png

  2. Click on the Properties tab on the right side of your screen and scroll down to the Field Attributes section. Move the Columns slider to match the number of horizontal fields you want. In this example, we’ve selected 3 columns.

    Screen_Shot_2019-02-06_at_4.16.56_PM.png

    Note:

    Sticky Bars forms start with horizontal fields by default. Check out the Pro Tip below to change them to vertical form fields.

  3. Drag your form to further customize the appearance of your new horizontal form!

    Screen_Shot_2019-02-06_at_4.17.10_PM.png

Pro Tip:

If you wish to revert back to a vertical form, simply drag the Columns slider back to “0”.

Now you’ve learned how to toggle between horizontal and vertical forms in the Unbounce Builder.