Hi,
Question - How can I adjust the width of a SINGLE question to 100% of the screen? (Multiple Choice - Multiple Answers) I see the CSS code/other posts, but that applies to EVERY question. I am trying to increase the inner and out skin to 100% for only a single question.
Thanks!
Best answer by Sachin Nandikol
Hello
I don't think the code will help you in this case. The reason for the scroller is the number of choices you added is more. To reduce the scrolling, you can resize the choice boxes and decrease the space between them. However, note that this may make the layout look more clumsy.
One suggestion is to reduce the number of columns. This will remove the horizontal scroll but will result in a vertical scroll instead.
Let me know if this helps.
+44Hello
Try adding your CSS code into that particular question itself.
clcik on Question text → HTML View→ Add your code with HTML & Style tags.
Let me know if this helps.
<style>
.Skin, .SkinInner {width:100% !important;}
.Skin .QuestionOuter.Matrix{ max-width: 100%; }
</style>
This? I don’t think the above worked - when I make my screen smaller, I still have to scroll horizontally, which I don’t want to occur. I want all options to appear on a single screen.
+44Hello
If possible share the survey link or some screenshots so that I can understand better.
Thank you.
Sure thing - please see attached.
As you can see - from the screenshots, the answer choices are getting cut off. Essentially, I want “everything to wrap”/show on a single screen WITHOUT the horizontal scroll bar - vertical scroll bar is fine if we have to keep it - but I want horizontal to go away/have all responses wrap.
Thanks!
+44Hello
I don't think the code will help you in this case. The reason for the scroller is the number of choices you added is more. To reduce the scrolling, you can resize the choice boxes and decrease the space between them. However, note that this may make the layout look more clumsy.
One suggestion is to reduce the number of columns. This will remove the horizontal scroll but will result in a vertical scroll instead.
Let me know if this helps.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
