How to change layout to save space in survey question? | XM Community
Skip to main content

Hi,
I have recently started using Qualtrics to launch a survey. My plan is to set 50 queries in my survey. Each query involves 5 text snippets. The way I am setting this up is by creating one block for each of the 50 questions in Qualtrics and in each block, I am adding 5 questions. Each of these 5 questions can be of type "text entry" or "text/ graphic". I am facing 2 issues:

  1. After setting 2/3 blocks, I checked the preview mode. It seemed, almost 50% of the space is wasted on both sides of the blocks. This is causing a heavy amount of scrolling up/down on the page. I explored the "Layout" option in "Look and feel" but could not find anything useful to solve this. Plus, I did not find a way to set the width for a block. I am currently using the default layout provided by my organization(ubc).

  2. For one of the questions in a block, I have added custom HTML/CSS code to place the image side by side with the text. After doing this, somehow, all the separators between each question in a block have disappeared! I don't quite understand how can changing the HTML/CSS code for 1 question in a block affect the rest of the blocks.

Hi there, if you still need, you can make the questions span the width of the screen by adding the below CSS to the Style section of the survey's Look & Feel. It should capture most elements:
.Skin .SkinInner, .Skin .QuestionBody, .Skin .QuestionText, .Skin .MC .TextEntryBox, .Skin .TE .ESTB .InputText, .Skin .TE .FORM .InputText, .Skin .TE .ML .InputText, .Skin .TE .PW .InputText, .Skin .TE .SL .InputText, .Skin .TE textarea, .Skin input.TextEntryBox, .Skin input[type=password], .Skin input[type=search], .Skin input[type=text], .Skin textarea, .Skin .MC .QuestionBody ul.ChoiceStructure, .Skin .QuestionOuter.Matrix {
width: 100% !important;
max-width: 100% !important;
}
For your 2nd point, CSS can be applied to just a single question or page by using one of the methods described in this comment.

Leave a Reply


Terms & Conditions