Difference between revisions of "Make whole cell clickable in single and multi grids"
(Tag: visualeditor) |
|||
(2 intermediate revisions by one other user not shown) | |||
Line 8: | Line 8: | ||
*Add the below script to that question | *Add the below script to that question | ||
− | == Code == | + | == Code == |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <source lang="javascript"> | ||
+ | Question.bind('afterShowQuestion', function(ev, question) { | ||
+ | $(".cg-ui-answer-option").parent().click(function(ev) { | ||
+ | if($(this).hasClass(".cg-ui-selected")){ | ||
+ | return true; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $(this).children(".viewer_answer_option_controller").click(); | ||
+ | return false; | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
</source> | </source> | ||
+ | |||
== Source == | == Source == | ||
− | Questionnaire Resource Id on | + | Questionnaire Resource Id on mmr.catglobe.com site: 339496 (Question: SG2 or MGr1) |
Latest revision as of 09:00, 13 March 2019
Contents
Challenge
Normally, the grid question require a click on the checkbox or radiobutton. Now, we want it to register the answer when the user click on the cell for the answer option.
Example
Solution
- Create a grid question
- Add the below script to that question
Code
Question.bind('afterShowQuestion', function(ev, question) {
$(".cg-ui-answer-option").parent().click(function(ev) {
if($(this).hasClass(".cg-ui-selected")){
return true;
}
else
{
$(this).children(".viewer_answer_option_controller").click();
return false;
}
});
});
Source
Questionnaire Resource Id on mmr.catglobe.com site: 339496 (Question: SG2 or MGr1)