{"id":13881,"date":"2025-05-16T12:14:07","date_gmt":"2025-05-16T11:14:07","guid":{"rendered":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?post_type=epkb_post_type_1&#038;p=13881"},"modified":"2025-07-07T13:45:47","modified_gmt":"2025-07-07T12:45:47","slug":"code-scale-and-ripple-effects","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/","title":{"rendered":"Code Scale and Ripple Effects"},"content":{"rendered":"<div class=\"wp-block-group widescreen\"><div class=\"wp-block-html\"><iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/y5H-PmoXKxA?rel=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/div>\n\n\n<p>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.<\/p>\n\n\n\n<p>The code animations highlight which code is selected. This helps respondents see which code they selected, helping with accessibility.<\/p>\n\n\n\n<p>Please watch our video to show some examples of interviews using the code scale and ripple effects.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up code scale effects<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">For the whole questionnaire<\/h3>\n\n\n\n<p>Enter the text&nbsp;<strong>{{codeFxScale}}<\/strong> in a Title or Note question to turn on the code scale effect for all questions with codes in the questionnaire.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"732\" height=\"218\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png\" alt=\"\" class=\"wp-image-14146\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png 732w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923-300x89.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<p>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&nbsp;<strong>{{codeFxScale}}<\/strong>&nbsp;during the interview.<\/p>\n\n\n\n<p>Both Snap XMP Desktop and Snap XMP Online use the same set up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">For a single question<\/h3>\n\n\n\n<p>Enter the text&nbsp;<strong>{{codeFxScale}}&nbsp;<\/strong>in the question to turn on the code scale effect for that question only.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"658\" height=\"111\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-16-114800.png\" alt=\"\" class=\"wp-image-13884\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-16-114800.png 658w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-16-114800-300x51.png 300w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/><\/figure>\n\n\n\n<p>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&nbsp;<strong>{{codeFxScale}}<\/strong>&nbsp;during the interview.<\/p>\n\n\n\n<p>Both Snap XMP Desktop and Snap XMP Online use the same set up.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up code ripple effects<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">For the whole questionnaire<\/h3>\n\n\n\n<p>Enter the text&nbsp;<strong>{{codeFxRipple}}<\/strong> in a Title or Note question to turn on the code ripple effect for all questions with codes in the questionnaire.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"731\" height=\"220\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112855.png\" alt=\"\" class=\"wp-image-14147\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112855.png 731w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112855-300x90.png 300w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/><\/figure>\n\n\n\n<p>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&nbsp;<strong>{{codeFxRipple}}<\/strong>&nbsp;during the interview.<\/p>\n\n\n\n<p>Both Snap XMP Desktop and Snap XMP Online use the same set up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">For a single question<\/h3>\n\n\n\n<p>Enter the text&nbsp;<strong>{{codeFxRipple}}&nbsp;<\/strong>in the question to turn on the code ripple effect for that question only.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"713\" height=\"202\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-16-114828.png\" alt=\"\" class=\"wp-image-13885\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-16-114828.png 713w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-16-114828-300x85.png 300w\" sizes=\"(max-width: 713px) 100vw, 713px\" \/><\/figure>\n\n\n\n<p>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&nbsp;<strong>{{codeFxRipple}}<\/strong>&nbsp;during the interview.<\/p>\n\n\n\n<p>Both Snap XMP Desktop and Snap XMP Online use the same set up.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"epkb_post_type_1_category":[327],"epkb_post_type_1_tag":[340,339],"class_list":["post-13881","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-page-transitions-and-effects","epkb_post_type_1_tag-ripple","epkb_post_type_1_tag-scale"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Code Scale and Ripple Effects | SnapSurveys<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Code Scale and Ripple Effects | SnapSurveys\" \/>\n<meta property=\"og:description\" content=\"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 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"SnapSurveys\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/snapsurveys\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-07T12:45:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png\" \/>\n\t<meta property=\"og:image:width\" content=\"732\" \/>\n\t<meta property=\"og:image:height\" content=\"218\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@snapsurveys\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/\",\"name\":\"Code Scale and Ripple Effects | SnapSurveys\",\"isPartOf\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png\",\"datePublished\":\"2025-05-16T11:14:07+00:00\",\"dateModified\":\"2025-07-07T12:45:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#primaryimage\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png\",\"contentUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png\",\"width\":732,\"height\":218},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Snap XMP Support\",\"item\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp-archive\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Code Scale and Ripple Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/\",\"name\":\"Snap XMP Support Hub\",\"description\":\"Support documentation for Snap Surveys products\",\"publisher\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization\",\"name\":\"Snap Surveys\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg\",\"contentUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg\",\"width\":867,\"height\":159,\"caption\":\"Snap Surveys\"},\"image\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/snapsurveys\",\"https:\/\/x.com\/snapsurveys\",\"https:\/\/www.linkedin.com\/company\/snapsurveys\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Code Scale and Ripple Effects | SnapSurveys","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/","og_locale":"en_GB","og_type":"article","og_title":"Code Scale and Ripple Effects | SnapSurveys","og_description":"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 [&hellip;]","og_url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/","og_site_name":"SnapSurveys","article_publisher":"https:\/\/www.facebook.com\/snapsurveys","article_modified_time":"2025-07-07T12:45:47+00:00","og_image":[{"width":732,"height":218,"url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@snapsurveys","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/","name":"Code Scale and Ripple Effects | SnapSurveys","isPartOf":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png","datePublished":"2025-05-16T11:14:07+00:00","dateModified":"2025-07-07T12:45:47+00:00","breadcrumb":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#primaryimage","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png","contentUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/05\/Screenshot-2025-07-04-112923.png","width":732,"height":218},{"@type":"BreadcrumbList","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/code-scale-and-ripple-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.snapsurveys.com\/support-snapxmp\/"},{"@type":"ListItem","position":2,"name":"Snap XMP Support","item":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp-archive\/"},{"@type":"ListItem","position":3,"name":"Code Scale and Ripple Effects"}]},{"@type":"WebSite","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/","name":"Snap XMP Support Hub","description":"Support documentation for Snap Surveys products","publisher":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization","name":"Snap Surveys","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg","contentUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg","width":867,"height":159,"caption":"Snap Surveys"},"image":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/snapsurveys","https:\/\/x.com\/snapsurveys","https:\/\/www.linkedin.com\/company\/snapsurveys"]}]}},"_links":{"self":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/13881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/comments?post=13881"}],"version-history":[{"count":8,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/13881\/revisions"}],"predecessor-version":[{"id":14189,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/13881\/revisions\/14189"}],"wp:attachment":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/media?parent=13881"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=13881"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=13881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}