{"id":6146,"date":"2021-07-16T11:11:44","date_gmt":"2021-07-16T10:11:44","guid":{"rendered":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?post_type=epkb_post_type_1&#038;p=6146"},"modified":"2023-10-05T15:26:17","modified_gmt":"2023-10-05T14:26:17","slug":"laying-out-grid-question","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/","title":{"rendered":"Laying out a grid question for an online survey"},"content":{"rendered":"\n<p>\n  When running a survey online, you do not have the same level of control over the way the surveys looks when compared to printing a paper survey. The questionnaire layout can look quite different when displayed on different monitors using different web browsers. It is worth checking the layout on a number of browsers, using different monitors and window sizes, before sending it to any participants.\n<\/p>\n\n\n\n<p>   Grid layouts can be affected by this and Snap XMP Desktop provides several tools to assist you in laying out grid questions and adjusting positioning of the separate elements. <\/p>\n\n\n\n<p>\n  This tutorial shows you how to adjust the layout of a grid question:\n<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n    Set the grid boxes so that they are vertically centred\n  <\/li>\n\n\n\n<li>\n    Hide the question number and remove the space left for it\n  <\/li>\n\n\n\n<li>\n    Change the spacing between the grid elements\n  <\/li>\n\n\n\n<li>\n    Adjust the page margins<a id=\"post-6146-o25538\"><\/a>\n  <\/li>\n<\/ul>\n\n\n\n<p>\n  The original grid question before the changes is shown:\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"973\" height=\"346\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png\" alt=\"GridQuestionOriginal.PNG\" class=\"wp-image-6147\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png 973w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png-300x107.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png-768x273.png 768w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-6146-o25539\"><\/a><a id=\"post-6146-o25546\"><\/a>Step 1: Removing question numbers<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  In the Questionnaire window, click <strong>Style Mode<\/strong>\n  <img decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/stylemodeicon-png.png\" class=\"wp-image-6148\" alt=\"StyleModeIcon.png\">\n  .\n<\/li>\n\n\n\n<li>\n  Select <strong>All Styles<\/strong> from the question style list. Any changes made will now affect all questions.\n<\/li>\n\n\n\n<li>\n  Select <strong>Show <\/strong>from the toolbar topic menu.\n<\/li>\n\n\n\n<li>\n  Select <strong>Name<\/strong> (for question numbers) or <strong>Grid Name<\/strong> (for grid question numbers) from the element list. \n<\/li>\n\n\n\n<li>\n  Clear the <strong>Show <\/strong>box to hide the question numbers.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"434\" height=\"49\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/removequestionnos-png.png\" alt=\"RemoveQuestionNos.PNG\" class=\"wp-image-6149\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/removequestionnos-png.png 434w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/removequestionnos-png-300x34.png 300w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/figure>\n\n\n\n<p>\n  The question is shown with no question number:\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"343\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnoquestion-png.png\" alt=\"GridQuestionNoQuestion.PNG\" class=\"wp-image-6150\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnoquestion-png.png 972w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnoquestion-png-300x106.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnoquestion-png-768x271.png 768w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-6146-o25551\"><\/a>Step 2: Align response boxes vertically<\/h2>\n\n\n\n<p>\n  The preview shows that the response circles are vertically aligned with the bottom of the row. You can change that by adjusting the alignment.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  In the Questionnaire window, click <strong>Style Mode <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/stylemodeicon-png-1.png\" class=\"wp-image-6151\" alt=\"StyleModeIcon.png\"><\/strong>\n  .\n<\/li>\n\n\n\n<li>\n  Select <strong>All \u2018Grid\u2019 Styles<\/strong> from the question style list. Any changes made will now affect all Grid question styles.\n<\/li>\n\n\n\n<li>\n  Select <strong>Alignment <\/strong>from the toolbar topic menu.\n<\/li>\n\n\n\n<li>\n  Select <strong>Code Box&nbsp;<\/strong>from the element list.\n<\/li>\n\n\n\n<li>\n  The first box (showing <strong>Center <\/strong>in the image) gives the horizontal alignment.\n<\/li>\n\n\n\n<li>\n  The second box (showing <strong>Middle <\/strong>in the image) gives the vertical alignment.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"42\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncenter-png.png\" alt=\"GidQuestionCenter.PNG\" class=\"wp-image-6152\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncenter-png.png 514w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncenter-png-300x25.png 300w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>\n  Set the vertical alignment to <strong>Middle<\/strong>.\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Adjusting the grid question spacing<\/h2>\n\n\n\n<p>\n  The spacing of a grid question is calculated proportionately to the browser window size. This is because you do not know how respondents will be viewing your questionnaire. You can define the amount of available space that is given to each element using the <strong>Tabs <\/strong>option. The diagram below shows the element names and the areas they affect.\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"479\" height=\"216\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridelements-png.png\" alt=\"GridElements.png\" class=\"wp-image-6153\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridelements-png.png 479w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridelements-png-300x135.png 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Remove the space left for the hidden question numbers <\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Make sure that the Questionnaire window is in Style Mode \n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/stylemodeicon-png-2.png\" class=\"wp-image-6154\" alt=\"StyleModeIcon.png\">\n  . If you have switched to design mode in the mean time, click <strong>Style Mode<\/strong> \n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/stylemodeicon-png-3.png\" class=\"wp-image-6155\" alt=\"StyleModeIcon.png\">\n  &nbsp;again\n<\/li>\n\n\n\n<li>\n  Select <strong>All Styles<\/strong> from the question style list. \n<\/li>\n\n\n\n<li>\n  Select <strong>Tabs <\/strong>from the toolbar topic menu.\n<\/li>\n\n\n\n<li>\n  Select <strong>Name<\/strong> from the element list. \n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"49\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/removequspace-png.png\" alt=\"RemoveQuSpace.PNG\" class=\"wp-image-6156\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/removequspace-png.png 414w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/removequspace-png-300x36.png 300w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>\n  Reduce the space for the <strong>Name <\/strong>element down to <strong>0%<\/strong>. This will move the questions to the left-hand side of the questionnaire. \n<\/li>\n<\/ol>\n\n\n\n<p>\n  The grid question is shown with the spacing removed:\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"343\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnospace-png.png\" alt=\"GridQuestionNoSpace.PNG\" class=\"wp-image-6157\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnospace-png.png 938w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnospace-png-300x110.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionnospace-png-768x281.png 768w\" sizes=\"(max-width: 938px) 100vw, 938px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Increase the space between the grid columns and remove the right-hand space <\/h3>\n\n\n\n<p>The code gutter describes the space between the grid columns. Increasing the code gutter will increase the width of the grid and display the code boxes further apart. <\/p>\n\n\n\n<p>The code verge describes the space between the last grid column and the right hand side of the questionnaire. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Make sure that the Questionnaire window is in Style Mode\n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/stylemodeicon-png-4.png\" class=\"wp-image-6158\" alt=\"StyleModeIcon.png\">\n  . If you have switched to design mode in the mean time, click <strong>Style Mode<\/strong> \n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/stylemodeicon-png-5.png\" class=\"wp-image-6159\" alt=\"StyleModeIcon.png\">\n  &nbsp;again\n<\/li>\n\n\n\n<li>\n  Select <strong>All \u2018Grid\u2019 Styles<\/strong> from the question style list.\n<\/li>\n\n\n\n<li>\n  Select <strong>Tabs <\/strong>from the toolbar topic menu.\n<\/li>\n\n\n\n<li>\n  Select <strong>Code Gutter&nbsp;<\/strong>from the element list. \n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"437\" height=\"42\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncodegutter-png.png\" alt=\"GidQuestionCodeGutter.PNG\" class=\"wp-image-6160\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncodegutter-png.png 437w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncodegutter-png-300x29.png 300w\" sizes=\"(max-width: 437px) 100vw, 437px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>\n  Increase the space for the <strong>Code Gutter <\/strong>element to <strong>15%<\/strong>.\n<\/li>\n\n\n\n<li>\n  Select <strong>Code Verge&nbsp;<\/strong>from the element list. \n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"42\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncodeverge-png.png\" alt=\"GidQuestionCodeVerge.PNG\" class=\"wp-image-6161\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncodeverge-png.png 414w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gidquestioncodeverge-png-300x30.png 300w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>\n  Reduce the space for the<strong> Code Verge<\/strong> element down to 0%. This removes the space between the question and the right-hand side of the window.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"343\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionspacing-png.png\" alt=\"GridQuestionSpacing.PNG\" class=\"wp-image-6162\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionspacing-png.png 1004w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionspacing-png-300x102.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionspacing-png-768x262.png 768w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>\n  Align the grid row labels with the question text by setting the <strong>Code Offset<\/strong> to 0%.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"338\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestioncodeoffset-png.png\" alt=\"GridQuestionCodeOffset.PNG\" class=\"wp-image-6163\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestioncodeoffset-png.png 966w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestioncodeoffset-png-300x105.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestioncodeoffset-png-768x269.png 768w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-6146-o25552\"><\/a>Step 4: Changing the page settings<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Click<strong> Publish <\/strong>\n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/publishicon-png.png\" class=\"wp-image-6164\" alt=\"PublishIcon.png\"><strong> from the Questionnaire toolbar.<\/strong>\n<\/li>\n\n\n\n<li>\n  Set the <strong>Method <\/strong>to publish your questionnaire to <strong>Preview only<\/strong>. \n<\/li>\n\n\n\n<li>\n  Click the <strong>Publish button<\/strong> to display the questionnaire as it will appear to the participant. There\u2019s still space between the edges of the window and the grid question in the published survey. This is set in the <strong>Margins <\/strong>option in <strong>Questionnaire properties.<\/strong> \n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1131\" height=\"657\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive1-png.png\" alt=\"GridQuestionLive1.PNG\" class=\"wp-image-6165\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive1-png.png 1131w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive1-png-300x174.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive1-png-1024x595.png 1024w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive1-png-768x446.png 768w\" sizes=\"(max-width: 1131px) 100vw, 1131px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>\n  Click \n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/questionnairepropsicon-png-3.png\" class=\"wp-image-6166\" alt=\"QuestionnairePropsIcon.png\">\n  &nbsp;to open the Questionnaire properties dialog.\n<\/li>\n\n\n\n<li>\n  Select <strong>Margins<\/strong>&nbsp;in the Section list.\n<\/li>\n\n\n\n<li>\n  Set all the margins value to <strong>0px <\/strong>and click <strong>OK<\/strong>. \n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"409\" height=\"303\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/questprops-png.png\" alt=\"QuestProps.PNG\" class=\"wp-image-6167\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/questprops-png.png 409w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/questprops-png-300x222.png 300w\" sizes=\"(max-width: 409px) 100vw, 409px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>\n  Publish your questionnaire to preview again. Your grid question should now expand to fit the whole of the browser window. \n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1131\" height=\"657\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive2-png.png\" alt=\"GridQuestionLive2.PNG\" class=\"wp-image-6168\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive2-png.png 1131w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive2-png-300x174.png 300w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive2-png-1024x595.png 1024w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionlive2-png-768x446.png 768w\" sizes=\"(max-width: 1131px) 100vw, 1131px\" \/><\/figure>\n\n\n\n<p><a id=\"post-6146-o25540\"><\/a>\n  If there is a topic you would like a tutorial on, email to <a href=\"mailto:snapideas@snapsurveys.com\" target=\"_self\" rel=\"noopener noreferrer\">snapideas@snapsurveys.com<\/a>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When running a survey online, you do not have the same level of control over the way the surveys looks when compared to printing a paper survey. The questionnaire layout can look quite different when displayed on different monitors using different web browsers. It is worth checking the layout on a number of browsers, using [&hellip;]<\/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":[84],"epkb_post_type_1_tag":[],"class_list":["post-6146","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-how-to-tutorials-snap-desktop-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Laying out a grid question for an online survey | 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\/laying-out-grid-question\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laying out a grid question for an online survey | SnapSurveys\" \/>\n<meta property=\"og:description\" content=\"When running a survey online, you do not have the same level of control over the way the surveys looks when compared to printing a paper survey. The questionnaire layout can look quite different when displayed on different monitors using different web browsers. It is worth checking the layout on a number of browsers, using [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/\" \/>\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=\"2023-10-05T14:26:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.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=\"8 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\/laying-out-grid-question\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/\",\"name\":\"Laying out a grid question for an online survey | SnapSurveys\",\"isPartOf\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png\",\"datePublished\":\"2021-07-16T10:11:44+00:00\",\"dateModified\":\"2023-10-05T14:26:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#primaryimage\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png\",\"contentUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png\",\"width\":973,\"height\":346,\"caption\":\"GridQuestionOriginal.PNG\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#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\":\"Laying out a grid question for an online survey\"}]},{\"@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":"Laying out a grid question for an online survey | 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\/laying-out-grid-question\/","og_locale":"en_GB","og_type":"article","og_title":"Laying out a grid question for an online survey | SnapSurveys","og_description":"When running a survey online, you do not have the same level of control over the way the surveys looks when compared to printing a paper survey. The questionnaire layout can look quite different when displayed on different monitors using different web browsers. It is worth checking the layout on a number of browsers, using [&hellip;]","og_url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/","og_site_name":"SnapSurveys","article_publisher":"https:\/\/www.facebook.com\/snapsurveys","article_modified_time":"2023-10-05T14:26:17+00:00","og_image":[{"url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@snapsurveys","twitter_misc":{"Estimated reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/","name":"Laying out a grid question for an online survey | SnapSurveys","isPartOf":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#primaryimage"},"image":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#primaryimage"},"thumbnailUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png","datePublished":"2021-07-16T10:11:44+00:00","dateModified":"2023-10-05T14:26:17+00:00","breadcrumb":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#primaryimage","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png","contentUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/07\/gridquestionoriginal-png.png","width":973,"height":346,"caption":"GridQuestionOriginal.PNG"},{"@type":"BreadcrumbList","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/laying-out-grid-question\/#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":"Laying out a grid question for an online survey"}]},{"@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\/6146","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=6146"}],"version-history":[{"count":2,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/6146\/revisions"}],"predecessor-version":[{"id":10291,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/6146\/revisions\/10291"}],"wp:attachment":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/media?parent=6146"}],"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=6146"},{"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=6146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}