Skip to main content

Search

singlepage

  • Updated

The singlepage tag allows the original page of a survey to persist while dynamically replacing some of the content, thus letting the respondent complete the survey on a single browser page.

Details

  • The singlepage settings are defined in the app config section of the survey
  • singlepage creates a faster respondent experience.
  • singlepage prevents the survey browser back button from affecting survey navigation. 
  • singlepage handles JavaScript a little differently so surveys with a large amount of JavaScript should be tested thoroughly.
  • singlepage can be customized for a respondent experience using the inputs outlined below.

Input options

Input Behavior
'y' or 'n' Enables or disables singlepage. When set to 'y', questions "blink away" when answers are submitted, with a near instantaneous transition between questions.
show Equivalent to singlepage: 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

When singlepage: fade is applied, the questions will fade out as each answer (or set of answers) is submitted, and the next will fade in. To apply a fade interval besides the default of 100 milliseconds, simply add the number of milliseconds after 'fade'; e.g., singlepage: fade 300. 

Scroll to next question

When singlepage: scroll is applied, the questions will swipe away to the left as each answer (or set of answers) is submitted, with the next question sliding onto the screen from the right. To apply a scroll interval besides the default of 500 milliseconds, simply add the number of milliseconds after 'scroll'; e.g., singlepage: scroll 1000. 

Related articles

Comments

0 comments

Please sign in to leave a comment.