Page Transitions and Effects Archives | SnapSurveys Support documentation for Snap Surveys products Mon, 03 Nov 2025 13:34:21 +0000 en-GB hourly 1 https://wordpress.org/?v=6.8.3 https://www.snapsurveys.com/support-snapxmp/wp-content/uploads/2020/07/favicon-32x32-1.png Page Transitions and Effects Archives | SnapSurveys 32 32 Automatic sliding page transition https://www.snapsurveys.com/support-snapxmp/snapxmp/automatic-sliding-page-transition/ Tue, 09 Sep 2025 11:01:28 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=14211 Automatic sliding page transitions slide the questions on the page, when showing the next or previous page. This happens after the respondent clicks the next or back button, or when the page automatically moves to the next page. The direction of the sliding page transition depends on the device the respondent is using, with larger […]

The post Automatic sliding page transition appeared first on SnapSurveys.

]]>
Automatic sliding page transitions slide the questions on the page, when showing the next or previous page. This happens after the respondent clicks the next or back button, or when the page automatically moves to the next page. The direction of the sliding page transition depends on the device the respondent is using, with larger devices, such as laptops, sliding horizontally, and smaller devices, such as, mobile phones, sliding vertically.

Please watch our video to show some examples of interviews using automatic sliding page transitions.

Setting up automatic page transitions

Enter the text {{Slide}} in the questionnaire to turn on the automatic sliding page transition.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the automatic sliding page transition is on. The respondent will not see the text {{Slide}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

You can also fix the page transition as a horizontal or vertical slide.

The post Automatic sliding page transition appeared first on SnapSurveys.

]]>
Keeping headers or footers in position https://www.snapsurveys.com/support-snapxmp/snapxmp/keeping-headers-or-footers-in-position/ Wed, 27 Aug 2025 12:14:48 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13946 Sticky headers and footers let you keep the headers at the top of the questionnaire page and, or the footers at the bottom of the questionnaire page. Sticky headers are particularly useful for keeping tab headers at the top of the page. As the respondent scrolls down the questions, they can always see which tab […]

The post Keeping headers or footers in position appeared first on SnapSurveys.

]]>
Sticky headers and footers let you keep the headers at the top of the questionnaire page and, or the footers at the bottom of the questionnaire page.

Sticky headers are particularly useful for keeping tab headers at the top of the page. As the respondent scrolls down the questions, they can always see which tab they are on. Sticky footers keep the navigation buttons at the bottom of the page so the respondent can always see them. You can use both sticky headers and footers in the questionnaire.

Watch our video to see some examples of interviews using sticky headers and footers.

Setting up sticky headers

Enter the text {{StickyHeader}} in the questionnaire to turn on the sticky header.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the effect is on. The respondent will not see the text {{StickyHeader}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Setting up sticky footers

Enter the text {{StickyFooter}} in the questionnaire to turn on the sticky footer.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the effect is on. The respondent will not see the text {{StickyFooter}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Setting up sticky headers and sticky footers

Enter the text {{StickyHeader}}{{StickyFooter}} in the questionnaire to turn on both sticky headers and sticky footers.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the effect is on. The respondent will not see the text {{StickyFooter}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Changing the background colour

The default background colour is white. This can be changed to highlight the header or footer by setting the background option.

For example:

{{StickyHeader background=lightblue}}
{{StickyFooter background=yellow}}

For example, the sticky header background is set to light blue in the designer.

The header background, which includes the inactive tabs, is light blue in the interview.

The post Keeping headers or footers in position appeared first on SnapSurveys.

]]>
Jump to the top of the page https://www.snapsurveys.com/support-snapxmp/snapxmp/jump-to-the-top-of-the-page/ Tue, 08 Jul 2025 14:32:37 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13789 The Jump to Top feature gives the respondent a way to quickly move to the top of the questionnaire. This is useful for questionnaires with a large number of questions on a page, especially when using tabbed questionnaires to jump back to the tabs at the top of the page. Please watch our video to […]

The post Jump to the top of the page appeared first on SnapSurveys.

]]>

The Jump to Top feature gives the respondent a way to quickly move to the top of the questionnaire. This is useful for questionnaires with a large number of questions on a page, especially when using tabbed questionnaires to jump back to the tabs at the top of the page.

Please watch our video to show some examples of interviews using Jump to Top.

Setting up Jump to Top

Enter the text {{JumpToTop}} in the questionnaire to turn on the Jump to Top feature.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the Jump to Top feature is on. The respondent will not see the text {{JumpToTop}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Customising tooltip text

The default text is “Jump to top”. You can change this using the tooltip option when adding the JumpToTop keyword.

For example:

{{JumpToTop tooltip=Scroll to top}}

Multi-lingual surveys

When working with a multi-lingual survey the keyword JumpToTop must be in the default language edition as this edition is loaded first. If you want the tooltip text to be shown in another language you can add the keyword in each language edition and translate. However, do not translate the keyword itself.

Jump to Top during an interview

Jump to Top is provided by a button, that when activated, takes the user to the top of the page. The respondent can left-click the button using the mouse. The Jump to Top button appears when a scroll bar is required for the questionnaire page, and the respondent has scrolled down the page.

When the respondent hovers the mouse over, the tooltip shows.

The post Jump to the top of the page appeared first on SnapSurveys.

]]>
Exit a survey quickly https://www.snapsurveys.com/support-snapxmp/snapxmp/exit-a-survey-quickly/ Tue, 10 Jun 2025 11:42:41 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13791 The Quick Exit feature gives the respondent a way to quickly and safely exit the survey. This helps protect the privacy of respondents when they are completing questionnaires that ask for sensitive information. The UK government provides guidelines on how to provide the facility to exit a page quickly. Please watch our video to show […]

The post Exit a survey quickly appeared first on SnapSurveys.

]]>

The Quick Exit feature gives the respondent a way to quickly and safely exit the survey. This helps protect the privacy of respondents when they are completing questionnaires that ask for sensitive information. The UK government provides guidelines on how to provide the facility to exit a page quickly.

Please watch our video to show some examples of interviews using Quick Exit.

Setting up Quick Exit

Enter the text {{QuickExit}} in the questionnaire to turn on the Quick Exit feature.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the Quick Exit feature is on. The respondent will not see the text {{QuickExit}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Changing the icon

The Quick Exit button icon defaults to “X”. You can change this by adding an icon after the QuickExit keyword.

{{QuickExit icon=! }}

Changing the display name

The Quick Exit button name defaults to “Quick Exit (esc)”. You can change this by adding a name after the QuickExit keyword.

{{QuickExit name=Exit Now }}

Changing the exit website

The Quick Exit URL redirects to the website with the URL. This defaults to “https://www.google.com”. You can change this by adding a different URL after the QuickExit keyword.

{{QuickExit url=https://www.amazon.co.uk }}

Using the escape key

By default, the Escape (Esc) key redirects to the exit website. You can turn this feature off by setting the escape to false after the QuickExit keyword.

{{QuickExit escape=false }}

Showing the tooltip text

The Quick Exit tooltip text defaults to “”. You can change this by adding a tooltip text after the QuickExit keyword.

{{QuickExit tooltip=Exit this survey }}

Example of Quick Exit customisation

The button redirects to the Amazon website, has a different icon, and escape key does not redirect

{{QuickExit name=Exit Now, url=https://www.amazon.co.uk, escape=false, tooltip=Exit this survey, icon=! }}

The customised button has the new text and icon.

Multi-lingual surveys

When working with a multi-lingual survey the keyword QuickExit must be in the default language edition as this edition is loaded first. If you want the tooltip text in another language you can add the keyword in each language edition and translate. However, do not translate the keyword itself.

Quick Exit during an interview

Quick Exit is provided by a button, that when activated, instantly closes everything down, deletes the browser history for that questionnaire, and takes the respondent to another website. The respondent can left-click the button using the mouse or press the Esc key, if allowed.

The browser history for that questionnaire is deleted when the respondent hits the Save or Submit buttons in a questionnaire that has the Quick Exit button deployed.

The post Exit a survey quickly appeared first on SnapSurveys.

]]>
Code Scale and Ripple Effects https://www.snapsurveys.com/support-snapxmp/snapxmp/code-scale-and-ripple-effects/ Fri, 16 May 2025 11:14:07 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13881 The code scale and ripple effect animate the code when the respondent selects the code in the question. The code scale effect makes the selected code temporarily larger. The code ripple effect provides a circular ripple effect around the selected code. The code animations highlight which code is selected. This helps respondents see which code […]

The post Code Scale and Ripple Effects appeared first on SnapSurveys.

]]>

The code scale and ripple effect animate the code when the respondent selects the code in the question. The code scale effect makes the selected code temporarily larger. The code ripple effect provides a circular ripple effect around the selected code.

The code animations highlight which code is selected. This helps respondents see which code they selected, helping with accessibility.

Please watch our video to show some examples of interviews using the code scale and ripple effects.

Code effects are set up for the whole questionnaire or for a question. If it is set up at the questionnaire level, this overrides any effects set for a question.

Setting up code scale effects

For the whole questionnaire

Enter the text {{codeFxScale}} in a Title or Note question to turn on the code scale effect for all questions with codes in the questionnaire.

You can add it to any Title or Note in the questionnaire, but we recommend adding it to the first Title in the questionnaire, so you can easily see that the effect is on. The respondent will not see the text {{codeFxScale}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

For a single question

Enter the text {{codeFxScale}} in the question to turn on the code scale effect for that question only.

You can add it anywhere in the question, but we recommend adding it to the question text, so you can easily see that the effect is on. The respondent will not see the text {{codeFxScale}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Setting up code ripple effects

For the whole questionnaire

Enter the text {{codeFxRipple}} in a Title or Note question to turn on the code ripple effect for all questions with codes in the questionnaire.

You can add it to any Title or Note in the questionnaire, but we recommend adding it to the first Title in the questionnaire, so you can easily see that the effect is on. The respondent will not see the text {{codeFxRipple}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

For a single question

Enter the text {{codeFxRipple}} in the question to turn on the code ripple effect for that question only.

You can add it anywhere in the question, but we recommend adding it to the question text, so you can easily see that the effect is on. The respondent will not see the text {{codeFxRipple}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

The post Code Scale and Ripple Effects appeared first on SnapSurveys.

]]>
Page transitions and effects https://www.snapsurveys.com/support-snapxmp/snapxmp/page-transitions-and-effects/ Fri, 16 May 2025 11:13:39 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13784 Page transitions and effects can enhance your questionnaire by improving the way your respondents interact with your survey. Page transitions There are a number of page transitions available. Page effects Code box animations highlight the answer that the respondent chooses, helping improve useability and accessibility.

The post Page transitions and effects appeared first on SnapSurveys.

]]>
Page transitions and effects can enhance your questionnaire by improving the way your respondents interact with your survey.

Page transitions

There are a number of page transitions available.

Page effects

Code box animations highlight the answer that the respondent chooses, helping improve useability and accessibility.

The post Page transitions and effects appeared first on SnapSurveys.

]]>
Horizontal and vertical page transitions https://www.snapsurveys.com/support-snapxmp/snapxmp/horizontal-and-vertical-page-transitions/ Mon, 07 Apr 2025 12:49:04 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13619 Horizontal or vertical page transitions move the questions on the page horizontally or vertically, when showing the next or previous page. This happens after the respondent clicks the next or back button, or when the page automatically moves to the next page. Please watch our video to show some examples of interviews using horizontal and […]

The post Horizontal and vertical page transitions appeared first on SnapSurveys.

]]>

Horizontal or vertical page transitions move the questions on the page horizontally or vertically, when showing the next or previous page. This happens after the respondent clicks the next or back button, or when the page automatically moves to the next page.

Please watch our video to show some examples of interviews using horizontal and vertical page transitions.

Setting up horizontal page transitions

Enter the text {{hSlide}} in the questionnaire to turn on the horizontal page transition.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the horizontal slide transition is on. The respondent will not see the text {{hSlide}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Setting up vertical page transitions

Enter the text {{vSlide}} in the questionnaire to turn on the vertical page transition.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the vertical slide transition is on. The respondent will not see the text {{vSlide}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

The post Horizontal and vertical page transitions appeared first on SnapSurveys.

]]>
Automatically moving to the next page https://www.snapsurveys.com/support-snapxmp/snapxmp/automatically-moving-to-the-next-page/ Tue, 11 Mar 2025 16:07:39 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=13467 The AutoNext feature checks that all visible questions on the page have been answered before automatically going to the next page. This helps reduce the interview time. Please watch our video to show some examples of interviews using AutoNext. Setting up AutoNext Enter the text {{AutoNext}} in the questionnaire to turn on the AutoNext feature. […]

The post Automatically moving to the next page appeared first on SnapSurveys.

]]>

The AutoNext feature checks that all visible questions on the page have been answered before automatically going to the next page. This helps reduce the interview time.

Please watch our video to show some examples of interviews using AutoNext.

Setting up AutoNext

Enter the text {{AutoNext}} in the questionnaire to turn on the AutoNext feature.

You can add it anywhere in the questionnaire, but we recommend adding it to the title, so you can easily see that the AutoNext feature is on. The respondent will not see the text {{AutoNext}} during the interview.

Both Snap XMP Desktop and Snap XMP Online use the same set up.

Questions that do not trigger AutoNext

There are some questions that do not trigger the AutoNext feature. This is because it is not possible to know when the respondent has completed their response for the question.

These include:

  • Multiple response questions
  • Open ended questions, such as comments, quantity, date and time
  • Open series questions, such as comments, quantity, date and time
  • Sliders

For these questions, the respondent can use the Next navigation button to move to the next page.

AutoNext during an interview

For pages that contain only single response questions, the interview automatically moves to the next page after all the questions on the current page have been answered.

In this example, the first single response question is complete. When the respondent answers the second single response question, the interview moves to the next page without the need to use the Next button.

On the next page, there is a single response question and an open ended question asking for information. After the respondent answers the first question, they move to the second question. The respondent enters the information and then either clicks the Next button or presses the tab key to automatically move to the next page.

The post Automatically moving to the next page appeared first on SnapSurveys.

]]>