Rearrange fields in a form

You can arrange the fields in your form in a mixture of one-column, two-column, and three-column layouts.

• How to rearrange fields in your form
• Things to know

How to rearrange fields in your form

1. Edit your app.
2. Open the component pane in the top-left corner, then select the required form. Its  Design  page will appear.
   

   

3. Hover the mouse on the form's preview, then click  Open Form Builder .
4. Rearrange fields in the required order:
   
   • Drag the  fields  or  sections  vertically, and drop them in the required position
     

     

   • Drag the fields (in a  section ) horizontally, and arrange them in one, two or three equi-spaced columns
     

     

Things to know

• A form's  section  can sport up to three columns.
• A form can contain multiple sections, and therefore can sport a mixture of one-, two-, and three-column layouts
• The width of a column in the form is determined by the form's  label width  and  size of fields  in that column.
• When a form’s  section  displays only a  notes  field, that notes field will not be subject to the first column’s width. Such a notes field will instead have access to the form’s entire width.
  

Related Topics:

1. Understand fields
   

2. Add field
   

3. Delete field