Configure pages

You can create forms with one page or multiple pages. Forms with multiple pages make it easier to navigate through a large form. Large forms can be created with multiple pages and form users can navigate between pages by using the Next and Previous buttons or by clicking the Page numbers or titles. The Submit button is placed on the last page.

You can configure the form to display pages vertically or horizontally, control whether users must step through multiple pages in sequence, and configure conditional page navigation so that users can navigate between pages and sections in pages based on rules and user input.

To add pages to your form:

  1. Open the forms designer.
  2. Click Configure pages.

    3. The Pages configuration panel is displayed.

  1. Click Add new page to add a new page to the form.

  2. Add a title to the new page and configure it as required. For configuration field descriptions, see Pages configuration fields and buttons.

Pages configuration fields and buttons

Field/ button

Description

Add new page

Adds a new page to the form.

When you add a new page to create a form with multiple pages, the Next and Previous buttons are added to the form automatically. You can change the Next button text and Previous button text in the Action panel configuration.

<Page titles>

Type the title of your pages.

When you add new add pages, the Page titles default to Page 1, Page 2, and so on.

Form pages display in the listed order. You can rearrange and delete pages using the options button beside each title.

Button

Description

Displays page menu options.

Move up

Moves the form page:

  • Above the previous form page if the navigation layout is vertical.
  • To the left of the previous form page if the navigation layout is horizontal.

Move down

Moves the form page:

  • Below the next form page if the navigation layout is vertical.
  • To the right of the next form page if the navigation layout is horizontal.

Delete

Removes the form page (and form controls on the form page).

Navigation flow

Select how users can navigate through the form:

  • Sequential: Users progress through the form in the order the pages are listed. Validation occurs on every page.
  • Sequential (Rule-triggered): Users can progress through form pages based on the rules set up. Configure Page rules in the Rules tab. Validation occurs on every page.
  • Non Sequential: Users can navigate between form pages in any order. Validation occurs when the form is submitted.

Important: If page rules are defined for a Sequential (Rule-triggered) navigation flow and you switch to another navigation flow, the page rules will display errors. You cannot publish the form until you manually delete or disable the rules.

Navigation layout

Select whether the page layout is:

  • Vertical: Form pages display from top to bottom.
  • Horizontal: Form pages display from left to right.

Note: Horizontal navigation layout is unavailable on Nintex Mobile.

Show page navigation to users

(Displays when the Navigation flow is Sequential (Rule-triggered).

Toggle this option to show or hide page navigation steps to users. The default is Yes. If you toggle to No, the navigation will remain visible while you design the form to ensure you can navigate between pages.
Show page number icons

(If the Navigation flow is Sequential (Rule-triggered), this option only displays when Show page navigation to users is set to Yes.)

Toggle this option to display page number icons. The default is Yes.

Title size

(If the Navigation flow is Sequential (Rule-triggered), this option only displays when Show page navigation to users is set to Yes.)

Select the font size of the form page titles:

  • Small
  • Medium
  • Large

Show header

 

Toggle this option to display a header.

Header text

Text to display at the top of every page in the form.

Button

Tooltip

Description

Bold

Apply bold formatting to the selected text.

Italic

Apply italic formatting to the selected text.

Underline

Apply underline formatting to the selected text.

Strikethrough Cross selected text out by drawing a line through the text.
Subscript The selected text is written as small text below the line of text.
Superscript The selected text is written as small text above the line of text.
Block quote Apply block quote formatting to the selected text.
Font family Apply a font for the selected text.
Font size Change the font size of the selected text.
Text color Change the color of the selected text.
Background color Apply a background color and highlight the selected text.

Numbered list

(Available only in larger dialog box) Convert selected text into one or more numbered list items.

Bulleted list

(Available only in larger dialog box) Convert selected text into one or more bulleted list items.

Paragraph

Paragraph format

Apply different heading sizes to the selected text:

  • Normal
  • Headings 1 to 3
Text alignment Align the selected text to left, center, right or distribute text evenly between left and right margins of the label control.

Link

Add a hyperlink to selected text. When you click the Link button, the Rich text editor window presents two additional fields relating to the hyperlink: URL and Text. Type the URL and amend the Text, if necessary. Click OK to confirm the hyperlink for the text.

Unlink

Remove a hyperlink. The unlink button becomes available after you click a hyperlink in the Header text or Rich text editor window.

Full Screen

Display the field and toolbar buttons in a larger dialog box with additional toolbar buttons available.

Decrease indent

(Available only in larger dialog box) Decrease indentation for the selected list items.

Increase indent

(Available only in larger dialog box) Increase indentation for the selected list items.

Remove format

(Available only in larger dialog box) Remove formatting from the text.
Table Opens Table Properties dialog to select properties to add a table.
Image Insert a URL to an image you want to use in the text.
Source Converts the selected text into HTML code.
Horizontal line Insert a horizontal line above or below.
Accessibility help Displays a list of keyboard shortcuts available for use in the editor.

Show footer

 

Toggle this option to display a footer.

Footer text

Text to display at the bottom of every page in the form.

Button

Tooltip

Description

Bold

Apply bold formatting to the selected text.

Italic

Apply italic formatting to the selected text.

Underline

Apply underline formatting to the selected text.

Strikethrough Cross selected text out by drawing a line through the text.
Subscript The selected text is written as small text below the line of text.
Superscript The selected text is written as small text above the line of text.
Block quote Apply block quote formatting to the selected text.
Font family Apply a font for the selected text.
Font size Change the font size of the selected text.
Text color Change the color of the selected text.
Background color Apply a background color and highlight the selected text.

Numbered list

(Available only in larger dialog box) Convert selected text into one or more numbered list items.

Bulleted list

(Available only in larger dialog box) Convert selected text into one or more bulleted list items.

Paragraph

Paragraph format

Apply different heading sizes to the selected text:

  • Normal
  • Headings 1 to 3
Text alignment Align the selected text to left, center, right or distribute text evenly between left and right margins of the label control.

Link

Add a hyperlink to selected text. When you click the Link button, the Rich text editor window presents two additional fields relating to the hyperlink: URL and Text. Type the URL and amend the Text, if necessary. Click OK to confirm the hyperlink for the text.

Unlink

Remove a hyperlink. The unlink button becomes available after you click a hyperlink in the Header text or Rich text editor window.

Full Screen

Display the field and toolbar buttons in a larger dialog box with additional toolbar buttons available.

Decrease indent

(Available only in larger dialog box) Decrease indentation for the selected list items.

Increase indent

(Available only in larger dialog box) Increase indentation for the selected list items.

Remove format

(Available only in larger dialog box) Remove formatting from the text.
Table Opens Table Properties dialog to select properties to add a table.
Image Insert a URL to an image you want to use in the text.
Source Converts the selected text into HTML code.
Horizontal line Insert a horizontal line above or below.
Accessibility help Displays a list of keyboard shortcuts available for use in the editor.