Table of Contents

How to Change the Layout of Forms

Danielle Kellogg Updated by Danielle Kellogg

Scenario

Sometimes you need to collect a lot of information on a form. Which means being clear about the information you need and making it easy to input that information. Otherwise, you could get stuck with incomplete information or users can take much longer to fill out your forms.

That’s where layouts and groups can help! For example, we have a multi-step application with a Licenses & Education section. We could make users scroll through all the questions like this:

Or we could use different layouts with columns to better organize the form and require less scrolling, like this:

Requirements

If this your first time creating an app, you'll need to know some basics about adding objects, fields, pages, and views. You can start by reading our Builder Basics section

Other good resources can be found in our designing the database and building pages sections of the knowledge base.

Steps

Select the Page with the Form

In the Pages section of the Builder, select the page with the form view you want to customize.

Open the Form Editor

Click on the form view on that page to open the editor and go to the Inputs section.

Using Form Layouts & Columns

Form views can organize input fields into up to three columns. Within each of those columns multiple fields can be added. This feature does not need to be enabled and is available by hovering over the input fields in the form preview and dragging and dropping the field into a new spot on the form.

How did we do?

Add Read-Only Fields to a Form

Create a Multi-Part Form

Contact