Multi-Page Form Progress Indicator
On a multi-page form, you can insert a progress indicator to help the user see the path to completion and show them what page they are currently on.
To access the Progress Indicator property, first locate the Form Navigation Settings property panel. It is the first property listed. Choose one of the indicators from the dropdown list. Below you'll see that all of these progress indicator types share a number of common properties.
On This Page
Arrowhead
This is a series of interlocking arrows that will appear at the top of each page. You can configure these properties.
| Property | Description |
|---|---|
| Progress Indicator Theme | From the drop-down, choose the color theme you want to apply. |
| Progress Indicator Base | Enter the text that will best describe increments your users will encounter as they navigate the form. "STEP" is given as the default, but you could choose "Page" or "Part". |
| Progress Indicator Mode | This setting determines if the steps will be hidden or shown when specific page conditions occur. The setting is only applicable if you employ conditional branching logic in your form. Choose Ignore Condition to maintain a consistent appearance for the progress indicator; choose Conditional Display to have the appearance vary with the page navigation conditions. |
| Validate Per Page | Set the value to true to enforce the validation of each page before the user may proceed to the next page. |
| AutoHeight | Set this value to true to set the height of all pages to be the same as the longest page. |
Slim Arrow
This is a narrow-format series of interlocking arrows that will appear at the top of each page. You can configure these properties.
| Property | Description |
|---|---|
| Progress Indicator Theme | From the drop-down, choose the color theme you want to apply. |
| Progress Indicator Mode | This setting determines if the steps will be hidden or shown when specific page conditions occur. The setting is only applicable if you employ conditional branching logic in your form. Choose Ignore Condition to maintain a consistent appearance for the progress indicator; choose Conditional Display to have the appearance vary with the page navigation conditions. |
| Validate Per Page | Set the value to true to enforce the validation of each page before the user may proceed to the next page. |
| AutoHeight | Set this value to true to set the height of all pages to be the same as the longest page. |
Percentage Bar
This is a series of interlocking arrows that will appear at the top of each page. You can configure these properties.
| Property | Description |
|---|---|
| Progress Indicator Theme | From the drop-down, choose the color theme you want to apply. |
| Progress Indicator Base | Enter the text that will best describe increments your users will encounter as they navigate the form. "STEP" is given as the default, but you could choose "Page" or "Part". |
| Validate Per Page | Set the value to true to enforce the validation of each page before the user may proceed to the next page. |
| AutoHeight | Set this value to true to set the height of all pages to be the same as the longest page. |
Timeline
This is a simple, node-format timeline that will appear at the top of each page. You can configure these properties.
| Property | Description |
|---|---|
| Progress Indicator Theme | From the drop-down, choose the color theme you want to apply. |
| Progress Indicator Mode | This setting determines if the steps will be hidden or shown when specific page conditions occur. The setting is only applicable if you employ conditional branching logic in your form. Choose Ignore Condition to maintain a consistent appearance for the progress indicator; choose Conditional Display to have the appearance vary with the page navigation conditions. |
| Validate Per Page | Set the value to true to enforce the validation of each page before the user may proceed to the next page. |
| AutoHeight | Set this value to true to set the height of all pages to be the same as the longest page. |
0 Comments