Adding Form Sections and Pages

Form elements on mobile devices can be shown on a single screen, which can require scrolling if the form is long, or as a series of connected "pages" within a "section". You can divide long forms into sections, separated by page breaks, to minimize scrolling.

If you use sections and page breaks, drivers can navigate through the form with Previous and Next buttons, which are auto-generated by the Form Builder.

Before a driver submits a completed form, they can view their responses in "Preview" mode.

The Form Builder supports the use of advanced features, including Validation and displaying elements based on user responses.

Adding Sections and Page Breaks

In the Form Builder tab, click Add Form Element, then expand the Type drop-down list and select "Section". A new Section row is displayed at the end of the list of form elements.

When using sections and pages for forms, ensure the View format on mobile device field is set to "Section" and not "Flat". If the "Flat" option is selected, the form elements are displayed immediately on the form preview page, not in individual pages separated by page breaks.

 
Give the section a name in the Name column. This name is shown at the top of the screen on mobile devices when any page in the section is open. The Required and Advanced controls are disabled, since these controls apply only to the elements within a section. Click Remove Field to delete a section.

 
Click Edit content to edit the new section. You can add form elements such as drop-down lists, check boxes, page breaks, and radio buttons.

Click the Up arrow to return to the previous page, or open the Form hierarchy field drop-down list and select another section to edit.

 

Continue to click Add Form Element to add more new form elements. Note that you can also add a new Section within the current Section, or a Page Break to split form elements across several pages within a Section.

 
In the following example, the four questions in the section are split across two pages (note the Page Break element after the second question).

 

The first page contains the first two form elements: a radio button and a drop-down list. When drivers tap the Next button on the mobile device, the second page is displayed with the last two form elements: a signature field and a QR code image request. The Next button is replaced with a Preview button on the second page. Drivers can tap Preview to view the responses for each of the four elements, then tap Submit to submit the form.