I have created multiple choice question in EX which includes 50 choices. Format is list with multiple answer choice.
Created a block for each choice i.e 50 blocks for 50 choices.
I would like to move to the block as soon as I click on that particular choice.
Currently, I have to scroll down and click on next which is not a good user experience.
Please anyone help me on this.
Thanks!
Best answer by vgayraud
View original
+39
+33
Did you try this motion feature under look and feel option.
But make sure, Autoadvance of Pages will enable the back button of the survey. If you want to hide back button then you will need to use CSS or if you want to apply auto advance at first question only. Then you can use JS to auto click next button after selecting any radio option.
I wanted this just for the first question.
+39
I don’t understand your request then, how can you know when to auto-advance if you allow multiple answers?
Code to auto-advance in a multiple answers question would be the following, but it’ll advance as soon as you click one answer, and therefore you cannot have multiple answers.
Qualtrics.SurveyEngine.addOnReady(function()
{
var that = this;
this.questionclick = function(event,element){
if (element.type == 'checkbox') {
that.clickNextButton();
}
}
});
As soon as i select the choice, it is taking me to block of questions and before submitting it will take back to the list of choices by using TOC.
If I keep radio button, it will just store the data for one choice. By using multi-answer, it will save multiple choice responses.
Did you try this motion feature under look and feel option.
But make sure, Autoadvance of Pages will enable the back button of the survey. If you want to hide back button then you will need to use CSS or if you want to apply auto advance at first question only. Then you can use JS to auto click next button after selecting any radio option.
Hello
I am currently working on a survey where I’ve activated the autoadvance on pages whiwh enables a back button please can you help me disable this back button I’m not a JavaScript expert unfortunately.
Thanks in adavance !
+33
Did you try this motion feature under look and feel option.
But make sure, Autoadvance of Pages will enable the back button of the survey. If you want to hide back button then you will need to use CSS or if you want to apply auto advance at first question only. Then you can use JS to auto click next button after selecting any radio option.
Hello
I am currently working on a survey where I’ve activated the autoadvance on pages whiwh enables a back button please can you help me disable this back button I’m not a JavaScript expert unfortunately.
Thanks in adavance !
Click on Look & Feel » General » Header (edit)
Then click on source under header popup. Then paste below code under it and test it.
<script>
jQuery('#PreviousButton').hide();
</script>
Hello
Thanks for your answer.
I think I found a solution I’ve added the JavaScript below to the CSS custom part in “Style” and it worked
Qualtrics.SurveyEngine.addOnReady(function () {
$('PreviousButton').hide();
});
Do you also think that it’s another way to do it ?
+33
Hello
Thanks for your answer.
I think I found a solution I’ve added the JavaScript below to the CSS custom part in “Style” and it worked
Qualtrics.SurveyEngine.addOnReady(function () {
$('PreviousButton').hide();
});
Do you also think that it’s another way to do it ?
it can also work, you should try and test it as well. All the best!!
Hello
I have a question maybe you can help :)
I already have this JavaScript below in my “header” :
<script>Qualtrics.SurveyEngine.addOnload(function() { if(jQuery("#Q_lang").val()=="IT") { jQuery("#Logo img").attr("src", "https://showroom.qualtrics.com/ControlPanel/Graphic.php?IM=IM_aTngim9uGNamghd"); }});
And I would like to add the one that you just sent me above (to disable the previous button) do you know how can I do this ?
+33
try this.
<script>
jQuery('#PreviousButton').hide();
Qualtrics.SurveyEngine.addOnload(function() {
if(jQuery("#Q_lang").val()=="IT") {
jQuery("#Logo img").attr("src", "https://showroom.qualtrics.com/ControlPanel/Graphic.php?IM=IM_aTngim9uGNamghd");
}
});
</script>
I’ve tried it but I still have de previous button, do you know why ?
+33
It was working on my end. Not sure, might be ID is different. Anyways, do one thing
Click on Look & Feel » General » Custom CSS (edit)
paste below code:
#PreviousButton{
display: none;
}
Hello
I tried this and it works many thanks.
Last question ahah I have stars rating questions in my survey and because of my background image I feel like we don’t see the stars really well, do you know by any chance how I can highlighted them or put square around them or have bigger stars ?
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.