{"id":12172,"date":"2024-10-10T13:49:22","date_gmt":"2024-10-10T12:49:22","guid":{"rendered":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?post_type=epkb_post_type_1&p=12172"},"modified":"2025-01-09T17:27:14","modified_gmt":"2025-01-09T17:27:14","slug":"show-as-buttons","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/","title":{"rendered":"Show as Buttons"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

This feature lets you show closed question choices as clickable buttons. This includes using images instead of labels. You also have the option to show or remove the check box. This is available for Single Choice, Multi Choice and Grid questions. <\/p>\n\n\n\n

You can follow step-by-step instructions to create clickable images with our tutorial<\/a>.<\/p>\n\n\n\n

Showing the labels as buttons<\/h2>\n\n\n\n

The As Buttons<\/strong> option is available in the Show <\/strong>toolbar topic.<\/p>\n\n\n\n

    \n
  1. Select the Single Choice, Multi Choice or Grid question.<\/li>\n\n\n\n
  2. Select Show <\/strong>from the toolbar topic menu.<\/li>\n\n\n\n
  3. Select As Buttons<\/strong> from the next drop-down.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
      \n
    1. Select the Show <\/strong>checkbox. This enables the Options<\/strong> button.<\/li>\n\n\n\n
    2. Click on the Options<\/strong> button. This opens the Code labels as buttons<\/strong> dialog where you can customise the appearance of the question.<\/li>\n<\/ol>\n\n\n\n

      Choose the colours<\/h2>\n\n\n\n

      You can change the text and background colours displayed for both the unselected and selected labels.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
        \n
      1. Click the colour drop down to select the text or background colour. <\/li>\n\n\n\n
      2. Select the colour or click More Colours<\/strong> to create custom colours.<\/li>\n\n\n\n
      3. Click OK <\/strong>to save the changes.<\/li>\n<\/ol>\n\n\n\n

        Check that the colours are correct by previewing the questionnaire.<\/p>\n\n\n\n

        Choose the border<\/h2>\n\n\n\n

        You can choose whether to show a border around the active code label, and set the properties of the border style.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
          \n
        1. Select the Use border<\/strong> check box. This enables the border options.<\/li>\n\n\n\n
        2. There are 4 border style options\n
            \n
          • Rounded border<\/strong> gives a round shape at the each end of the border.<\/li>\n\n\n\n
          • Add margins<\/strong> adds space around the code label text.<\/li>\n\n\n\n
          • Text only<\/strong> changes the border width to the width of each code label text.<\/li>\n\n\n\n
          • Reduce width<\/strong> decreases the code label size to the largest text width of the code labels.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Choose the border colour that is shown when labels are selected or unselected.<\/li>\n\n\n\n
          • Click OK <\/strong>to save the changes.<\/li>\n<\/ol>\n\n\n\n

            Check that the border appearance is correct by previewing the questionnaire.<\/p>\n\n\n\n

            Default border<\/h3>\n\n\n\n

            When you select Use border<\/strong>, this will show the default border options.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            This displays the code labels with a square border, no margins at the top and bottom. If the question has multiple columns, the labels are equally spaced across the page.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Rounded border<\/h3>\n\n\n\n

            Selecting the Rounded border<\/strong> option, shows the buttons with rounded ends.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Add margins<\/h3>\n\n\n\n

            Selecting the Add Margins<\/strong> option, adds a margin at the top and bottom of the text and\/or image.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Text only<\/h3>\n\n\n\n

            Selecting the Text Only<\/strong> option, shows the border around the code label text without spacing.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Reduce width<\/h3>\n\n\n\n

            Selecting the Reduce width<\/strong> option, moves the labels closer together and does not use the full page. The label border reduces to the width of the code label border to the width of the longest text. <\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            If both Reduce width<\/strong> and Text only<\/strong> options are selected then the label border widths are defined by the Text only option.<\/p>\n\n\n\n

            Append box image<\/h2>\n\n\n\n

            You can display a checkbox using either the Off image<\/strong> or the On image<\/strong>, which shows when the code label is selected.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            For example, when the On image<\/strong> is selected, this is shown after the code label text on the selected codes.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Displaying with no columns<\/h2>\n\n\n\n

            You can also display the code labels adjacent to each other, without any columns. This uses the Columns <\/strong>settings.<\/p>\n\n\n\n

              \n
            1. Select Columns in the topic drop-down.<\/li>\n\n\n\n
            2. Select the None <\/strong>button.<\/li>\n<\/ol>\n\n\n\n
              \"\"<\/figure>\n\n\n\n

              During the interview each code label displays adjacent to the next across the full width of the page.<\/p>\n\n\n\n

              \"\"<\/figure>\n\n\n\n

              Examples<\/h2>\n\n\n\n

              Image only<\/h3>\n\n\n\n
              \"\"<\/figure>\n\n\n\n

              Label only<\/h3>\n\n\n\n
              \"\"<\/figure>\n\n\n\n

              Image and Label<\/h3>\n\n\n\n
              \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

              This feature lets you show closed question choices as clickable buttons. This includes using images instead of labels. You also have the option to show or remove the check box. This is available for Single Choice, Multi Choice and Grid questions. You can follow step-by-step instructions to create clickable images with our tutorial. Showing the […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"epkb_post_type_1_category":[231],"epkb_post_type_1_tag":[],"class_list":["post-12172","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-notes-and-questions"],"acf":[],"yoast_head":"\nShow as Buttons | 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\/show-as-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Show as Buttons | SnapSurveys\" \/>\n<meta property=\"og:description\" content=\"This feature lets you show closed question choices as clickable buttons. This includes using images instead of labels. You also have the option to show or remove the check box. This is available for Single Choice, Multi Choice and Grid questions. You can follow step-by-step instructions to create clickable images with our tutorial. Showing the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/\" \/>\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-01-09T17:27:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.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=\"6 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\/show-as-buttons\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/\",\"name\":\"Show as Buttons | SnapSurveys\",\"isPartOf\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png\",\"datePublished\":\"2024-10-10T12:49:22+00:00\",\"dateModified\":\"2025-01-09T17:27:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#primaryimage\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png\",\"contentUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png\",\"width\":688,\"height\":137},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#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\":\"Show as Buttons\"}]},{\"@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":"Show as Buttons | 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\/show-as-buttons\/","og_locale":"en_GB","og_type":"article","og_title":"Show as Buttons | SnapSurveys","og_description":"This feature lets you show closed question choices as clickable buttons. This includes using images instead of labels. You also have the option to show or remove the check box. This is available for Single Choice, Multi Choice and Grid questions. You can follow step-by-step instructions to create clickable images with our tutorial. Showing the […]","og_url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/","og_site_name":"SnapSurveys","article_publisher":"https:\/\/www.facebook.com\/snapsurveys","article_modified_time":"2025-01-09T17:27:14+00:00","og_image":[{"url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@snapsurveys","twitter_misc":{"Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/","name":"Show as Buttons | SnapSurveys","isPartOf":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#primaryimage"},"image":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png","datePublished":"2024-10-10T12:49:22+00:00","dateModified":"2025-01-09T17:27:14+00:00","breadcrumb":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#primaryimage","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png","contentUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-172000-2.png","width":688,"height":137},{"@type":"BreadcrumbList","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-as-buttons\/#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":"Show as Buttons"}]},{"@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\/12172","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/comments?post=12172"}],"version-history":[{"count":19,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/12172\/revisions"}],"predecessor-version":[{"id":13082,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/12172\/revisions\/13082"}],"wp:attachment":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/media?parent=12172"}],"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=12172"},{"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=12172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}