Difference between revisions of "Change stylesheet of an answer option column in a single grid question"
(→Challenge) |
|||
Line 1: | Line 1: | ||
− | == | + | == Change style sheet of an answer option column in a single grid question == |
In order to highlight an answer option column | In order to highlight an answer option column | ||
Line 11: | Line 11: | ||
I have a single grid question like below. | I have a single grid question like below. | ||
− | [[Image: | + | [[Image:ChangeStyleSheetAOText1.jpg]] |
I want to change the style of Don't know column. | I want to change the style of Don't know column. | ||
− | [[Image: | + | [[Image:ChangeStyleSheetAOText2.jpg]] |
== Solution == | == Solution == |
Revision as of 09:32, 10 January 2012
Change style sheet of an answer option column in a single grid question
In order to highlight an answer option column
As a questionnaire creator
I want to change the style sheet of a specific answer option column in a single grid question
Example
I have a single grid question like below.
I want to change the style of Don't know column.
Solution
Change the style sheet of answer option text and radio button cells.
Code
1 //change style of a SINGLE grid question's answer option column
2 //answerOptionValue: value of the answer option column
3 //newColor: the new background color of the column's cells
4 quest.changeAnswerOptionColumnStyle = function(answerOptionValue, cssClass)
5 {
6 //change style of answer option text
7 $("#grid_answeroption_text_" + answerOptionValue).addClass(cssClass);
8
9 //change style of answer option cells
10 $("input:radio").each(
11 function(i)
12 {
13 if ($(this).val() == answerOptionValue)
14 $(this).parent().addClass(cssClass);
15 }
16 )
17 }
18
19 quest.onInit = function()
20 {
21 var dontKnow_value = 3;
22 this.changeAnswerOptionColumnStyle(dontKnow_value, "another_column_css");
23 }
;