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 page
settings are defined in theapp config
section of the survey. -
single page
creates a faster respondent experience. -
single page
prevents the survey browser back button from affecting survey navigation. -
single page
handles JavaScript a little differently. Surveys with a large amount of JavaScript should be tested thoroughly. -
single page
can 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.