Hi,
this is somerhing quite different from your screenshot.
To follow your screenshot you can use several arrays by column merged by the css classes "no-question" and "no-bottom".
Add it to your custom.css
Code:
.no-question {
border-top:0;
margin-top: -10px;
}
.no-question .question-title-container,
.no-question .question-valid-container {
display:none;
}
.no-bottom {
border-bottom:0;
margin-bottom:0;
}
.no-question .answer-container {
padding-top: 0em;
padding-bottom: 0.5em;
}
.no-question .question-container {
border: none !important;
margin-top: -10px !important;
}
.no-question2 .ls-heading {
display:none;
}
.no-bottom .answer-container {
padding-bottom: 0em;
}
And there is one validation for all arrays
unique(self) and unique(that.Q2b) and unique(that.Q2c) and ...
And as a first question I use a ranking. This is the easiest to select the five choices.
Just pipe the selected subquestions into the header {Q1_1.shown},...
But if you want to do it with separated questions, well
Again use a ranking question.
By the way: Your "MaxDiff" script ist wrong; the function itself is missing.
What there is included is the script to determine different column widths.
I inserted the correct script and the correct way to make the column width to 15,70,15.
Joffm