Can I dynamically redirect the filler to a page in my multi page form?

Last updated Oct 26 2018

Yes - you can.
When you have a multi page form you need to provide your fillers with a way to move from one page to the other, don't you? and not only that - you sometimes want to direct them to specific pages, and not necessarily the previous or next page.
Well, creating a form with multiple pages is done with a Page break element, and it already contains navigation buttons by default - so this solves part of the problem. no? so what happens if you want to redirect your filler to page #3 (while he is on page #1)? 
In order to do this you will need to add a 'Go to page' button.
This button will enable you to:
- Redirect the filler to a specific page
- Redirect the filler to a page dynamically based on the value in a Hidden field.

Following are steps to show you how it works:
1- Create a blank form.
2- Drag a Textbox element.


3- Drag a Page break element and press on "Add" to open a second page.




4- Drag a Textarea element to the second page (or any other element, just so you have a different field in each page).
5- Select the page break strip and add a third page.
6- Drag a numeric element to the third page.
7- Look in the Properties panel > Element tab > Settings option and you will see the page ID in brackets.
Copy this field ID  - you will need it later


8- Continue to add 2 more pages and drag a different element into each one (so you have 5 pages in total).
9- Select the page break strip, move between the pages and grab the page ID of the Second, fourth and fifth page as well (same as you did in bullet #7). 
10- Go back to the first page of your form.
11- Drag a Hidden field.


12- Drag a Radio button and change its choices to:
Page 3, page 4, page 5.
Remove the 'Add other' option.




13- Select the radio button and Create the following condition rules:
If it equals Page 3 then set value of the Hidden field to fld11 (ID of page 3)




Continue to add rules for page 4, page 5, and when the radio is empty:
If it equals Page 4 then set value of the Hidden field to fld14 (ID of page 4)
If it equals Page 5 then set value of the Hidden field to fld17 (ID of page 5)
If it is empty then set value of hidden to fld8 (ID of page 2)



14- Drag a Button element and change its type to "Go to page". 


15- Open the Dropdown to choose where to redirect to. You will see a list of the Pages in your form and the Hidden elements.
16- Choose the Hidden field.


17- Go to Properties panel > Form tab > Settings option > Debug category
Turn on the 'Show hidden' checkbox so you (and only you) will be able to see the hidden field in your form, in order to check that everything is working correctly.


18- Save your form
19- Now test your form:
- Publish it as URL.
- Choose the first option in your radio button (Page 3), See that the right value is set inside your Hidden field (the ID of the third page).
- Now press on the "Go to" button and you will see that the it is redirected to Page 3.




CommentsLogin Required
Didn’t find what you were looking for?
Try the following for assistance or Use the Search box.