Solved
Formatting Multiple Likert Questions
Hello there! I noticed that if you have Stats IQ, the Cluster Analysis or other features does NOT work with Matrix questions currently.
As a workaround, I layered many Multiple Choice, Single Answer questions on top of each other so that I could show a bunch of questions together.
Does anyone know a way to make it so that the statement shows on the side of the question, rather than on the top? Maybe using Div Class?
Best answer by dsweeney
Thanks. Assuming your instructions are in a decorative block (Text/Graphic), how does the following work? I've reduced the max-width to avoid the bleeding and set the question text to be 400px wide. The DB rule resets the CSS values for those legend elements.
```
.Skin .SkinInner {
width: 100%;
max-width: 1200px;
margin: auto;
}
.Skin fieldset legend
{
float: left;
width: 400px;
white-space: normal;
}
.Skin .DB fieldset legend
{
float: inherit;
width: inherit;
white-space: inherit;
}
.QuestionBody
{
margin-left: 200px;
}
```
You could try adding some custom css in the Look & Feel -> Style section. This would apply to all questions:
```
.Skin fieldset legend
{
float: left;
width: auto;
}
.QuestionBody
{
margin-left: 200px;
}
```
It might need some adjustment for the mobile display.
Thanks @dsweeney that gets me a little bit closer to my answer but I only need it on a single page, and it was cut off a bit in the frame.
So far I played with the code you provided and added the below but the question body area bleeded off the page.
`.Skin .SkinInner { width: 100%; max-width: 1600px; margin: auto }`
Sure thanks for helping me. It seems to be working better when I repasted it, but is there a way to fix the width of the likert scale points so that each area doesn't change?
!
.Skin .SkinInner { width: 100%; max-width: 1600px; margin: auto }
.Skin fieldset legend
{
float: left;
width: auto;
}
.QuestionBody
{
margin-left: 200px;
}
One other thing I forgot to note is that if I play around with the width of the fieldset legend, it also changes the width of the Text header above.
!
Thanks. Assuming your instructions are in a decorative block (Text/Graphic), how does the following work? I've reduced the max-width to avoid the bleeding and set the question text to be 400px wide. The DB rule resets the CSS values for those legend elements.
```
.Skin .SkinInner {
width: 100%;
max-width: 1200px;
margin: auto;
}
.Skin fieldset legend
{
float: left;
width: 400px;
white-space: normal;
}
.Skin .DB fieldset legend
{
float: inherit;
width: inherit;
white-space: inherit;
}
.QuestionBody
{
margin-left: 200px;
}
```
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.