1. Home
  2. Designing a Form
  3. Form Editor: Layout Columns

Form Editor: Layout Columns

By default a form has a single column for layout out fields and other form elements. To allow for more layout flexibility, in App Builder you can also specify that an area of the form can have two, three or four columns. You can mix any combination of column layout elements. The only restriction is that they can not be nested, so a column layout element can only be added above or below an existing one, not inside of one.

To add a new section, drag the desired Column Layout design element from the left-side palette and drop it where you would like the new columns. New sections can be placed above or below existing columns, but not inside them.

In this example, the 3 column layout element has been highlight.

Column Properties

The only properties that can be set for a column layout control is the column size option. The table below shows the available column size options for each type of column layout element.

Number of Columns Column Size Options
2
  • 75% – 25%
  • 50% – 50%
  • 25% – 75%
3
  • 33% – 33% – 33%
  • 25% – 25% – 50%
  • 25% – 50% – 25%
  • 50% – 25% – 25%
4
  • 25% – 25% – 25% – 25%

 

Demonstration Video

The following video outlines creating sections and columns:

 

Next Steps

Below are links to articles that cover related topics:
Common Field Features
Below is the link to the episode of Building an Expense Reports App tutorial series that covers Layout Columns:
Part 2 – Starting the Expense Reports App

 

Updated on October 4, 2018

Was this article helpful?

Related Articles