Create Ticket My Tickets Post Discussion
Welcome
Login  Sign up

Page Field

The page field helps to create logical workflows in your form, by allowing you to add pages to the form. Pages can be used in various ways, once placed on your form. The page can also repeat, if desired.


Basic Use

Pages are added to a Form by dragging a Page field from the Designer sidebar into your design. The Designer has 2 view mods, and the drop behavior is slightly different from mode one to the other. Click the View Mode button found at the bottom of the page to switch modes: 

    • Paged: shows a single page in the designer interface

    • Continuous: shows the entire form, including multiple pages in a scrolling list

In Paged mode

In Paged mode, you can place a new page field above or below the current page. To do this, drag and drop a Page Field to the top or bottom of the currently displayed page. 

In Continuous mode

In Continuous mode, you can place a new page field anywhere in the layout. Moving the field to the very top or bottom of the layout will auto-scroll up or down for off-screen placement.


Basic Properties
Add a Page to a form by dragging a Page field from the Designer sidebar into your design, and dropping it on top or bottom of the currently displayed page. 

Data Name

Users will not see this value for Data Name on the form. Fields' Data Name value may be used by form logic or API calls. 

Data names are required, must begin with a letter, may not contain spaces or special characters - except for underscores - and are case-sensitive. 

Page Title

Friendly page name that will be displayed to users at the top of the app page, this field is optional. Format the page title using available color and styles, if desired.

Repeatable

If this box is checked, the page will be a repeating page, with the user being prompted with a choice to add the page as many times as desired, with each page having the exact same fields. This is useful for scenarios where the same input should be gathered more than once for an indefinite number of iterations.

Data from repeating pages must be output onto a connector template using specific syntax. Information about this can be found in this article.

Please note:  Using a table inside a repeating page is NOT recommended in the form design and is NOT supported on output template.

Also note that repeating data must be treated differently from data collected from non-repeating fields: references and calculations cannot be made to/from repeating fields from outside the repeating page the same way this is done for regular fields, since there will be multiple fields with the same name. For an example of how to perform calculations from outside a repeating section, please see this article.

Background Color

The color chosen in the hex code field here will apply to the area behind the Page Title (see above). The Transparent box can also be chosen instead for making this transparent instead of a solid color.

Visibility

Use this to control visibility of this page using a formula. 

For more detail on visibility rules, please see this article.

Validation Behavior

Choose validation from the dropdown list to control app behavior whenever data is Required or contains custom Validation.

  • Inline validation (Default) occurs immediately after the user has entered a value into a field.
  • Page Change validation occurs when the user attempts to navigate to another Page.
  • End of Form validation allows the user to leave this Page while fields are still invalid, only performing validation checks when the entry is to be uploaded.


Viewing and Moving Pages in Designer

There are two modes of viewing while designing a screen: 


Paged mode shows a single page, click the horizontal arrows to view one at a time.

<--> 

Continuous mode  shows all pages of the form in a single scrolling view, click the vertical arrows.  

Re-ordering Pages in your Screen


In Paged Mode

To re-order page fields in Paged mode:

  1. Hover over the Page field widget to reveal its controls
  2. Choose the Up or Down arrows to move the page order
  3. To inspect the changed Page order, choose the Page drop-down


In Continuous Mode

To re-order page fields in Continuous mode, use the Up or Down arrows as with Paged mode. Pages can also be moved by dragging them into a new position:

  1. Click the title bar for the field to move and move it up or down in the layout 
  2. Drag the bar to its new location, notice the pages switch place
  3. Drop the page to its new position

Note that the Form preview will auto-scroll if you want to move the page to an off-screen position







Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.