{"id":20141,"date":"2015-09-01T12:06:59","date_gmt":"2015-09-01T12:06:59","guid":{"rendered":"https:\/\/www.snapsurveys.com\/support-snap11\/?page_id=20141"},"modified":"2019-11-14T12:24:40","modified_gmt":"2019-11-14T12:24:40","slug":"how-to-customize-all-your-check-boxes-in-style-mode","status":"publish","type":"page","link":"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/","title":{"rendered":"How to customise all your check boxes in style mode"},"content":{"rendered":"<p>When you create a questionnaire you can make sure it matches your company&#8217;s branding. This worksheet shows you how to use <strong>Style<\/strong> mode to:<\/p>\n<ul>\n<li>use images as response boxes for your multi-choice questions<\/li>\n<li>save your new style to use with other surveys.<\/li>\n<\/ul>\n<section>\n<h3>Background<\/h3>\n<p>Snap has two modes for creating questionnaires: <strong>Design<\/strong> and <strong>Style<\/strong>. Design mode is where you add questions. <strong>Style<\/strong> mode is where you define the look of the question types used in the questionnaire.<\/p>\n<div class=\"read-more-content hide\" style=\"display: none;\">\n<p>Snap allows you to style the font, background and spacing of your questions. You can choose which aspects of the question are visible and how the response box looks. You can use <strong>Style<\/strong> mode to change the look of all questions of a specified style or type. The only thing you cannot style is the type of response as this can change the way the data is analysed. You must change the response type of individual questions in <strong>Design<\/strong> mode or the <strong>Variables<\/strong> window.<\/p>\n<\/div>\n<p><a class=\"button radius read-more-show\" style=\"display: inline-block;\">See more \u2193<\/a><a class=\"button radius read-more-hide hide\">Hide this content \u2191<\/a><\/p>\n<\/section>\n<section>\n<h3>Step 1: Setting all boxes to be images<\/h3>\n<p>Select a <strong>Multi Choice<\/strong> type question and set the boxes to a specific image in <strong>Style<\/strong> mode.<\/p>\n<div class=\"read-more-content hide\" style=\"display: none;\">\n<ol>\n<li>Click <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20190\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/style_mode.png\" alt=\"Style mode button\" width=\"17\" height=\"18\" \/> on the <strong>Questionnaire<\/strong> toolbar to change to <strong>Style<\/strong> mode.<\/li>\n<li>Select a multi-choice question. Selected questions are highlighted in red in <strong>Style<\/strong> mode.<\/li>\n<li>Select <strong>All &#8216;Multi-Choice&#8217; Styles<\/strong> in the style list.<\/li>\n<li>Select <strong>Boxes<\/strong> in the topics list.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20177\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/st_mod_box.png\" alt=\"Box style dialog for open response\" width=\"571\" height=\"247\" srcset=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/st_mod_box.png 571w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/st_mod_box-150x65.png 150w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/st_mod_box-500x216.png 500w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/li>\n<li>Select <strong>Images<\/strong> as the type of box (if not selected).<\/li>\n<li>Click the <strong>[Images]<\/strong> button on the toolbar to open the <strong>Image Checkboxes<\/strong> dialog.<br \/>\n\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/img_chkbox_dl.png-v2.png\" alt=\"img_chkbox_dl.png v2\" width=\"367\" height=\"236\" class=\"alignnone size-full wp-image-29613\" srcset=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/img_chkbox_dl.png-v2.png 367w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/img_chkbox_dl.png-v2-150x96.png 150w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/li>\n<li>Check the <strong>Synchronise<\/strong> box to apply a set of four images (defined using the Snap graphic box naming convention).<\/li>\n<li>Click the <strong>[Edit]<\/strong> button by the <strong>Off<\/strong> (unselected) box.<br \/>\nThe <strong>Image Properties<\/strong> dialog appears.<br \/>\n\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/box_im_prop-v2.png\" alt=\"box_im_prop v2\" width=\"375\" height=\"332\" class=\"alignnone size-full wp-image-29611\" srcset=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/box_im_prop-v2.png 375w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/box_im_prop-v2-150x133.png 150w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/li>\n<li>Click <strong>[Browse]<\/strong> to select a new image for your boxes from Snap default images. If you are not in the folder of Snap checkbox images, browse to it (in the sub-folder <code class=\"fontsize\" style=\"font-size: 14px;\">Styles\\Checkboxes<\/code> of your installation folder).<\/li>\n<li>Select the folder containing the image size you want.<\/li>\n<li>Select the image style you want.<\/li>\n<li>Set a color in the <strong>Colourize Gif<\/strong> field if you want to match the box color to your branding.<\/li>\n<li>Click <strong>[OK]<\/strong> to use the selected style for checkboxes and radio buttons in all your multi-choice questions.<\/li>\n<li>Click <strong>[OK]<\/strong> again to return to the questionnaire.<\/li>\n<\/ol>\n<\/div>\n<p><a class=\"button radius read-more-show\" style=\"display: inline-block;\">See more \u2193<\/a><a class=\"button radius read-more-hide hide\">Hide this content \u2191<\/a><\/p>\n<\/section>\n<section>\n<h3>Step 2: Saving your new boxes as a style<\/h3>\n<p>You can save any changes as a question style so you can re-use them.<\/p>\n<div class=\"read-more-content hide\" style=\"display: none;\">\n<ol class=\"listnumber\">\n<li>Click <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20190\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/style_mode.png\" alt=\"Style mode button\" width=\"17\" height=\"18\" \/>on the <strong>Questionnaire<\/strong> toolbar to change to <strong>Style<\/strong> mode.<\/li>\n<li>Select the multi-choice question you have changed.<\/li>\n<li>Click <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20182\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/sty_prop.png\" alt=\"Style properties button\" width=\"20\" height=\"18\" \/> to open the <strong>Style Organiser<\/strong>.<\/li>\n<li>The style of the selected question will be highlighted. A picture of the question will be displayed in the right-hand pane.<br \/>\n\t<img loading=\"lazy\" decoding=\"async\" src=\"\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_org-v2.png\" alt=\"sty_org v2\" width=\"535\" height=\"328\" class=\"alignnone size-full wp-image-29616\" srcset=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_org-v2.png 535w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_org-v2-150x92.png 150w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_org-v2-500x307.png 500w\" sizes=\"auto, (max-width: 535px) 100vw, 535px\" \/>\n\t<\/li>\n<li>Click <strong>Properties<\/strong> and change the <strong>Name<\/strong> to describe the style. Click <strong>[OK]<\/strong> to save your style.<\/li>\n<li>The new style is now available for you to use elsewhere in the survey.<br \/>\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_prop_bbox-v2.png\" alt=\"sty_prop_bbox v2\" width=\"387\" height=\"299\" class=\"alignnone size-full wp-image-29615\" srcset=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_prop_bbox-v2.png 387w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/sty_prop_bbox-v2-150x116.png 150w\" sizes=\"auto, (max-width: 387px) 100vw, 387px\" \/>\n<\/ol>\n<\/div>\n<div class=\"read-more-content hide\" style=\"display: none;\">\n<h3>Saving the style of the questionnaire<\/h3>\n<ol class=\"listnumber\">\n<li>Click <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20192\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/desmode.png\" alt=\"Design mode button\" width=\"20\" height=\"18\" \/> to change to the <strong>Design<\/strong> mode.<\/li>\n<li>Click <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20193\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2015\/09\/template.png\" alt=\"Editions and style templates button\" width=\"16\" height=\"16\" \/> on the toolbar to open the <strong>Editions and Style Templates<\/strong> dialog.<br \/>\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/est_swh_only-v2.png\" alt=\"est_swh_only v2\" width=\"414\" height=\"329\" class=\"alignnone size-full wp-image-29617\" srcset=\"https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/est_swh_only-v2.png 414w, https:\/\/www.snapsurveys.com\/support-snap11\/wp-content\/uploads\/2019\/11\/est_swh_only-v2-150x119.png 150w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/li>\n<li>Click <strong>[Save]<\/strong> to save the stylesheet. You can use these styles in a different survey by loading the saved stylesheet from the same dialog.<\/li>\n<\/ol>\n<\/div>\n<p><a class=\"button radius read-more-show\" style=\"display: inline-block;\">See more \u2193<\/a><a class=\"button radius read-more-hide hide\">Hide this content \u2191<\/a><\/p>\n<\/section>\n<h3>Conclusion<\/h3>\n<p>This worksheet has described how to use <strong>Style<\/strong> mode to set up styles for your survey. There is a description of the modes at\u00a0<a href=\"https:\/\/www.snapsurveys.com\/help\/index.htm#21845\" target=\"_blank\" rel=\"noopener\">Modes, styles and style attributes<\/a>.<\/p>\n<p>There is a section in the help on <a href=\"https:\/\/www.snapsurveys.com\/help\/index.htm#21877\" target=\"_blank\" rel=\"noopener\">Altering the boxes for question codes<\/a>.<\/p>\n<p>There is a description of how to remove question numbers from messages in the help in the topic <a href=\"https:\/\/www.snapsurveys.com\/help\/index.htm#25267\" target=\"_blank\" rel=\"noopener\">Hiding question numbers in web surveys and changing associated text<\/a>.<\/p>\n<p>There are reference pages on the <a href=\"https:\/\/www.snapsurveys.com\/help\/index.htm#21499\" target=\"_blank\" rel=\"noopener\">Style Organiser<\/a>\u00a0and the <a href=\"https:\/\/www.snapsurveys.com\/help\/index.htm#21500\" target=\"_blank\" rel=\"noopener\">Style Properties<\/a> dialogs.<br \/>\nIf there is a topic you would like a worksheet on, email to <a class=\"\" title=\"\" href=\"mailto:snapideas@snapsurveys.com\" target=\"_self\">snapideas@snapsurveys.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p><a class=\"ninja_pages_read_more\"  href=\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/\"><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":43,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-templates\/child-page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":{"0":"post-20141","1":"page","2":"type-page","3":"status-publish","5":"search_category-support-hub"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to customise all your check boxes in style mode - Snap Surveys<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to customise all your check boxes in style mode - Snap Surveys\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/\" \/>\n<meta property=\"og:site_name\" content=\"Snap Surveys\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SnapSurveys\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-14T12:24:40+00:00\" \/>\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-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/\",\"name\":\"How to customise all your check boxes in style mode - Snap Surveys\",\"isPartOf\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snap11\/#website\"},\"datePublished\":\"2015-09-01T12:06:59+00:00\",\"dateModified\":\"2019-11-14T12:24:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.snapsurveys.com\/support-snap11\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Worksheets\",\"item\":\"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to customise all your check boxes in style mode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snap11\/#website\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snap11\/\",\"name\":\"Snap Surveys\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.snapsurveys.com\/support-snap11\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to customise all your check boxes in style mode - Snap Surveys","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"How to customise all your check boxes in style mode - Snap Surveys","og_url":"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/","og_site_name":"Snap Surveys","article_publisher":"https:\/\/www.facebook.com\/SnapSurveys","article_modified_time":"2019-11-14T12:24:40+00:00","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-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/","url":"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/","name":"How to customise all your check boxes in style mode - Snap Surveys","isPartOf":{"@id":"https:\/\/www.snapsurveys.com\/support-snap11\/#website"},"datePublished":"2015-09-01T12:06:59+00:00","dateModified":"2019-11-14T12:24:40+00:00","breadcrumb":{"@id":"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/how-to-customize-all-your-check-boxes-in-style-mode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.snapsurveys.com\/support-snap11\/"},{"@type":"ListItem","position":2,"name":"Worksheets","item":"https:\/\/www.snapsurveys.com\/support-snap11\/worksheets\/"},{"@type":"ListItem","position":3,"name":"How to customise all your check boxes in style mode"}]},{"@type":"WebSite","@id":"https:\/\/www.snapsurveys.com\/support-snap11\/#website","url":"https:\/\/www.snapsurveys.com\/support-snap11\/","name":"Snap Surveys","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.snapsurveys.com\/support-snap11\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/pages\/20141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/comments?post=20141"}],"version-history":[{"count":10,"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/pages\/20141\/revisions"}],"predecessor-version":[{"id":20855,"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/pages\/20141\/revisions\/20855"}],"up":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/pages\/43"}],"wp:attachment":[{"href":"https:\/\/www.snapsurveys.com\/support-snap11\/wp-json\/wp\/v2\/media?parent=20141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}