The single page tag keeps the original survey page visible while dynamically updating content, allowing respondents to complete the survey on a single browser page.
Details
- The
single pagesettings are defined in theapp configsection of the survey. -
single pagecreates a faster respondent experience. -
single pageprevents the survey browser back button from affecting survey navigation. -
single pagehandles JavaScript a little differently. Surveys with a large amount of JavaScript should be tested thoroughly. -
single pagecan be customized for a respondent experience using the inputs outlined below.
Input options
| Input | Behavior |
| 'y' or 'n' | Enables or disables single page. When set to 'y', questions "blink away" when answers are submitted, with a near instantaneous transition between questions. |
show |
Equivalent to single page: y. Questions "blink away" when answers are submitted, with a near instantaneous transition between questions. |
fade |
When used with a numeric input, questions "fade away" when answers are submitted, with new questions "fading into" view. The default time is 100 milliseconds (.1 seconds). |
scroll |
When used with a numeric input, questions "scroll" to the left when answers are submitted, with new questions scrolling on screen from the right. The default time is 500 milliseconds (.5 seconds). |
Additional examples
Fade to next question
With single page: fade, questions fade out as answers are submitted, and the next ones fade in. To adjust the default 100ms fade interval, add the desired duration in milliseconds (e.g., single page: fade 300).
Scroll to next question
With single page: scroll, questions swipe left as answers are submitted, and the next ones slide in from the right. To adjust the default 500ms scroll interval, add the desired duration in milliseconds (e.g., single page: scroll 1000).
Comments
0 comments
Please sign in to leave a comment.