% completed
Caution: JavaScript execution is disabled in your browser or for this website. You may not be able to answer all questions in this survey. Please, verify your browser parameters.
Multiple choice or array with categorie

You need to choose SkelVanilla for this functionality.

Download the sample survey to check and test yourself.

Theme update for specific style

CSS (in custom.css for example)
.ls-answers tbody .answertext{ text-align:left }
.ls-answers tbody .answertext .set-inner{ margin-left:1em; }
.ls-answers tbody .answertext .set-inner-inner{ margin-left:2em; }
.no-js .answer-item .set-inner{ padding-left:3em }
.dir-ltr .answer-set-inner{ margin-left:3em }
.dir-rtl .answer-set-inner{ margin-right:3em }
.no-js .answer-item .set-inner-inner{ padding-left:6em }
.dir-ltr .answer-set-inner-inner{ margin-left:6em }
.dir-rtl .answer-set-inner-inner{ margin-right:6em }
Javascript (in custom.js for example)
$(document).on('ready pjax:scriptcomplete',function(){
    // Set inner text in list
    $('.answer-item .set-inner').each(function() {
        $(this).closest('.answer-item').addClass('answer-set-inner')
    });
    $('.answer-item .set-inner-inner').each(function() {
        $(this).closest('.answer-item').addClass('answer-set-inner-inner')
    });
});
Multiple choice or array with categories
There are 5 questions in this survey.

My first question group

Please choose needed option
Here the sub choice just have set-inner for css class : <span class="set-inner">Sub choice 1</span>
Check all that apply
Please choose needed option : here we hide choice if category not checked

Adding relevance equation to each title on each sub choice Q01_T1.NAOK , Q1 are the code of question, T1 the code of 1st category

Check all that apply
Please choose needed option, here we remove the checkbox of category using JavaScript script.

The script are

$("#answer{Q02_T1.sgqa}").remove();
$("#answer{Q02_T2.sgqa}").remove();
$("#javatbd{Q02_T1.sgqa}").removeClass('checkbox-item').addClass("h5");
$("#javatbd{Q02_T2.sgqa}").removeClass('checkbox-item').addClass("h5");

We add h5 class to the line to have a better position.

Check all that apply
Please select needed option
Category 1
Sub choice 1
Sub choice 2
Sub choice 3
Category 2
Sub choice 1
Sub choice 2
Sub choice 3
Please select needed option
Category 1
Sub choice 1
Sub choice 2
Sub choice 3
Category 2
Sub choice 1
Sub choice 2
Sub choice 3
 
Close