Demonstration 31 Part 2
Demonstration 31 illustrates how to use multiple pages with forms. This lesson will consist of 3 separate parts, one part per form page. In this demonstration part 2 you will learn how to:
• Have a hidden field with a default value of a GUID
• Use DSParam1 to bounce in between pages on your multiple forms
• How to go back to a previous page
Continuing your with your Multiple Forms
Part 1.
Create many question fields of type radio button and multiline text boxes. This will be the back bone of Demonstration 31 part 2.
Part 2.
Create a hidden field on the first page with the name DSParam1 and a SQL default value of:
SELECT SUBSTRING(REPLACE(newid(),'-',''),1,20) AS DefaultValue
Make sure this field passes and retrieves from query string variable on every page this hidden field resides on. DSParam1 will be on every page of your multiple paged forms. If you have 5 pages in this multi part project then DSParam1 will be on all pages. This unique ID "DSParam1" is what will allow you to proceed navigating in a forward/backward fashion.
Create a hidden field named "DSParam1" with the same shortname. Go to "Advanced Field Options" and check the checkbox labeled "
Retrieve values from querystring variable for this question". Also check the checkbox labeled "
Pass values of this question to querystring variable". By adding this hidden field, the sole purpose is to pass parameters through the URL when bouncing in between forms. For instance: If you click the back button from part 2 of this demonstration, you'll be taken to part 1. Part 1 will have no way of knowing if this is a new form being filled out or if it's an existing form that needs to update the modified information when submitted.
Properties of DSParam1:
Needed Checked Checkboxes for DSParam1:
Part 3
In order to go back and forth in between forms, you will need to take a couple steps. Firstly, you must add an HTML button to the form and assign the text you would like. You will be required to include 'HTML' in the name of your HTML button if you wish to perform forward / backwards navigation. Secondly you will have to insert Javascript into the multiline textbox labeled "Client side event" under "Advanced Field Options" of this button. In this Javascript you will be using window.location to account for the action to take when the button is clicked. In order to go back to the previous page you will have to include the tabid of the page your redirecting to. To find the tabid of the page you would like to redirect to, simply go to the page and select a menu, for instance: Module Coniguration or Question Events. Look at the URL and search for tabid/the number of the tab. This is the tabid of the page. Now look below at the images to get an idea of how to implement this concept.
Where to find the tabid:
The Client side event script:
You will need to go to the SQL Rendering/Bind in Module Configuration and add the following features:
SQL Rendering/Bind:
Summary of Demonstration 31 Part 2
• You have learned how to use the DSParam1 to navigate back and forth through forms
• You have learned how to reference the tabID for your client side event to allow you to go back in your forms
This concludes Demonstration 31 Part 2, please continue on to Demonstration 31 Part 3 to learn how to make a results form using SQL Rendering/Bind. If you have any questions or comments please add a comment at the bottom of the Demonstration 31 Part 1 page.
To get to part 3 of this demonstration, please fill out this form to continue.