I need to set a different color for every box of my multiple choice question.
(e.g. red for the first box, green for the 10th box)!
Has anyone a code to be implemented?
Thanks in advance
Best answer by fleb
View original
How to change a single box colour (multiple choice)
Userlevel 1
Hi everybody
I need to set a different color for every box of my multiple choice question.
(e.g. red for the first box, green for the 10th box)!
Has anyone a code to be implemented?
Thanks in advance
I need to set a different color for every box of my multiple choice question.
(e.g. red for the first box, green for the 10th box)!
Has anyone a code to be implemented?
Thanks in advance
Userlevel 5
+6
Check this discussion.
Userlevel 1
> @fleb said:
> Check this discussion.
Thanks so much it works fine!
The only problem is that the selected choice is not highlighted anymore, so you are not able to recognize which option you have chosen.. could you please help?
> Check this discussion.
Thanks so much it works fine!
The only problem is that the selected choice is not highlighted anymore, so you are not able to recognize which option you have chosen.. could you please help?
Userlevel 5
+6
Hi,
even though I think that there should be a more elegant solution, I don't see any other option than recolor all options again every time when user clicks the question:
this.questionclick = function(event, element) {
for(var j=0;i<=11;j++){ jQuery("#"+this.questionId+"
label.SingleAnswer:eq("+j+")").css("background",c[j] + "!important");}}
However, you might face to the problem that your respondents won't see which option is checked once it looses its focus. You could solve it by modifying outline or box-shadow for the `.q-checked` class. See this discussion for inspiration. (If you want to modify just your question, you should put id of your question in form `#QIDx` where x is id of your question before class name).
even though I think that there should be a more elegant solution, I don't see any other option than recolor all options again every time when user clicks the question:
this.questionclick = function(event, element) {
for(var j=0;i<=11;j++){ jQuery("#"+this.questionId+"
label.SingleAnswer:eq("+j+")").css("background",c[j] + "!important");}}
However, you might face to the problem that your respondents won't see which option is checked once it looses its focus. You could solve it by modifying outline or box-shadow for the `.q-checked` class. See this discussion for inspiration. (If you want to modify just your question, you should put id of your question in form `#QIDx` where x is id of your question before class name).
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.