Hi,
first, my solution IS on one screen, both questions in one group, survey displayed "group by group".
As laways recommended: If you want to display "question by question", put each question into one group and display "group by group".
This way you are very flexible.
but my client insists he wants it on one screen.
Did you tell him that this highly customized development will be expensive and your quotation did not cover this?
But here is something else
This is a group with six questions.
1. The header with the question text. (a question of type "text display" and the css class "no-bottom")
2.-5. The answer options (questions of type "multiple with comment" with css classes "col-sm-3 no-question no-bottom")
6. A footer - to have an option "none of them" and a line at the end (a question of type "multiple" with the css class "no-question")
You may use "multiple numerical input" as well.
As there are several questions you have to validate to avoid a "None of them" and other inputs.
"col-sm-3" is a bootstrap class
The other here:
Code:
.no-question{border-top:0;}
.no-question .question-title-container{display:none;}
.no-question .question-valid-container{display:none;}
.no-question .answer-container {
padding-top: 0em;
padding-bottom: 0.5em;
}
.no-question .ls-answers {padding-top: 0px;}
.no-bottom {
border-bottom:0;
margin-bottom:0;
}
.no-bottom .answer-container {padding-bottom: 0em;}
.no-bottom .ls-answers {
padding-bottom: 0;
margin-bottom: 0;
}
By the way: In the "skelvanilla" theme this grouping of questions is included.
Joffm