Hello all,
I'm new to using Qualtrics but desperately need help because I am a doctoral candidate and need to publish this survey ASAP. Any help will be appreciated. I have this matrix table with some pretty long statements (can't change the wording) and a 5-point Likert scale. In one of my survey's participants will have to drag the bar at the bottom in order to see all the options. I want to minimize that as much as possible because my survey is already pretty long. How can I increase the width of the table so participants can see it all at the same time? I tried some of the coding I found in some of the other discussions chats and it did help!
danielacrc
You can change the width of the statement container by using below code. As mentioned in this thread. Change the % accordingly or just use "min-content" instead for the below.
span.LabelWrapper label>span {
width: 50%;
}
You can also change the entire tables width to make it more compact
.Skin .QuestionBody table.ChoiceStructure {
width: 70% !important;
}
Include the above codes in Custom CSS Look and Feel -> Style.
Hope it helps!
Hey Deepak,
Thank you so much! The first code to change the width of the statement container worked great! Unfortunately, the second didn't make any change for the width of the table or the Likert scale statements. I have added a screenshot of what I'm adding just in case I'm doing something wrong! Thank you for the help! It's there anyway to make the bar at the bottom dissapear? Or are my statements just too long?
danielacrc
You can use the below code to hide the overflow bar.
.Skin .QuestionBody {
overflow-x: hidden;
}
From the previous codes you can use one or the other or it will overlap. Hence, you are not seeing relevant changes.
The above code is for entire survey and not question specific. Hence all overflow bars will be hidden
Hope it helps!
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.