Sections

Sections

Sections gives users a view of the sections that need completing before submitting the form.

Sections can be used to change how users approach your forms by either selecting for them to collect sections rather than the more traditional pages. Sections gives users a view of the sections that need completing before submitting the form.

In this article, we will be showing you how to:

  • Change your pages to section
  • Edit your sections
  • How it displays in Web Forms

Changing your form to Sections

To change your pages to sections, you need to be on the form you wish to change. Go to the form settings by clicking on the cog icon in the bottom right hand corner.

10-Apr-13-2022-02-10-26-45-PM

The form settings will appear as a popup window. In the form settings, scroll down to ‘Pages’ and click on the dropdown menu.

settings

Select ‘Sections’ and then click ‘Save’ at the bottom of the popup window.

pages

Once you have clicked ‘Save’ you will notice the ‘Page 1’ tab at the top of your form builder will now have a pencil icon.

pencil

Edit your sections

Your sections can have a separate title, icon and color. To edit your section, you will need to click on the pencil icon which can be found on the ‘Page 1’ tab at the top of your form builder.

pencil

Once you click on the pencil icon, a popup window will appear.

sectionsettings

On this popup you can change the title, icon and color. Once you have changed all the details you wish to, click on save at the bottom of the popup window.

Sections in Web Form

Users will not notice any changes to the form builder that have sections or the mobile app. The changes will appear on the Web Forms.

When users go onto a form with sections, the user will see a sections page with the title, icon and color

view

Under the section name, users will either see optional or required.

progress

Required means there are elements in that section that has been set to ‘Required’ in the form builder. A progress bar will show how many of these elements the user have filled in.

noprocess

Optional means there are no elements in that section that are set to 'Required' which results in no progress bar in the sections view.


Take a look at this section example form on your desktop by clicking here.