Defining web forms page sequencing
The form can contain one or more pages. It is built via a diagram which lets you sequence pages and testing, script execution and page jump recording stages. The diagram construction mode is the same as for a workflow.
About previous page and next page
For each page, you can delete the Next or Previous buttons. To do this, select the page concerned and select the option Disable next page or Disallow returning to the previous page .
You can replace these buttons with links. See Inserting HTML content .
Inserting a jump
The Jump object gives access to another page or another form when the user clicks Next .
The destination can be:
- Another page of the form. To do this, select Internal activity and then specify the desired page, as below:
- Another form. To do this, select the Explicit option and specify the destination form.
- The destination can be stored in a variable. In this case, select it from the drop-down list, as shown below:
- The Comment tab lets you enter information that will be visible by the operator when they click the object in the diagram.
Example: accessing another form according to a parameter of the URL
In the following example, we want to configure a Web form which, when approved, will display another form designated by a parameter of the URL. To do this, apply the following steps:
- Insert a jump at the end of a form: this replaces the End box.
- In the form properties, add a parameter ( next ) stored in a local variable ( next ). Local variables are detailed in Storing data in a local variable .
- Edit the Jump object, select the Stored in a variable option and select the next variable from the drop-down box.
- The delivery URL must include the internal name of the destination form, for example:
https://[myserver]/webForm/APP62?&next=APP22When the user clicks the Approve button, form APP22 is displayed.
Conditional page display
Display based on responses
The Test box lets you condition the sequencing of pages in a form. It lets you define various branch lines depending on test results. This enables you to display different pages depending on the answers provided by users.
For example, you can display a different page for customers who have already ordered online, and another for those who have placed over ten orders. To do this, in the first page of the form, insert a Number type input field for the user to state how many orders they have placed.
You can either store this information in a field of the database or use a local variable.
The storage modes are detailed in Response storage fields .
In our example, we want to use a variable:
In the diagram of the form, insert a test box in order to define the conditions. For each condition, a new branch will be added at the output of the test box.
Select the Activate the default branching option to add a transition for cases where none of the conditions is true. This option is unnecessary if every possible case is covered by the conditions defined.
Next, define the page sequencing when one or other of the conditions is true, for example:
Display based on parameters
You can also personalize the page sequencing according to the initialization parameters of the Web form or according to the values stored in the database. See Form URL parameters .
Personalizing the end page
You must place an end page at the end of the diagram. The end page is displayed when the user clicks the Approve button in the Web form.
To personalize this page, double-click End and enter the content of the page in the central editor.
- You can copy and paste existing HTML content. To do this, click Display source code and insert the HTML code.
- You can use an external URL; to do this, select the corresponding option and enter the URL of the page to be displayed.