I have turned on the Autoadvance feature but see that there is a floating "Done" button. Is there anyway to remove or hide this?!
Best answer by Anonymous
View original
Is there a way to remove the auto advance "Done" floating button?
Hi,
I have turned on the Autoadvance feature but see that there is a floating "Done" button. Is there anyway to remove or hide this?!
I have turned on the Autoadvance feature but see that there is a floating "Done" button. Is there anyway to remove or hide this?!
A
Hello @ddebraak ,
Paste the below code in the js(onReady) of the question:
`jQuery("#"+this.questionId+"-Advance").hide();`
Paste the below code in the js(onReady) of the question:
`jQuery("#"+this.questionId+"-Advance").hide();`
It doesn't seem to be working. I have tried with the above script and also the below but no luck.
<script>
Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#"+this.questionId+"-Advance").hide();
});
</script>
!
Am I missing something?
<script>
Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#"+this.questionId+"-Advance").hide();
});
</script>
!
Am I missing something?
A
Hello @ddebraak
Paste the code in the look and feel -> Advanced -> "header(edit)"->"<>"
<script>
jQuery(".AdvanceButton").hide();
</script>
Paste the code in the look and feel -> Advanced -> "header(edit)"->"<>"
<script>
jQuery(".AdvanceButton").hide();
</script>
This is how mine looks using the old and new editor using the code form above "<script> jQuery(".AdvanceButton").hide(); </script>"
I pasted the script in the boxes as shown in both the old and new editor i.e. I didnt go into the "edit" header. Not sure if that makes a difference. When I edit the header it is blank.
Old:
!
New:
!
I realised I pasted the same code twice up above. It should read:
For the entire page use the following:
Paste the code in the look and feel -> Advanced -> "header(<>)"
<script>
jQuery(".AdvanceButton").hide();
</script>
Hope this helps.
I pasted the script in the boxes as shown in both the old and new editor i.e. I didnt go into the "edit" header. Not sure if that makes a difference. When I edit the header it is blank.
Old:
!
New:
!
I realised I pasted the same code twice up above. It should read:
For the entire page use the following:
Paste the code in the look and feel -> Advanced -> "header(<>)"
<script>
jQuery(".AdvanceButton").hide();
</script>
Hope this helps.
A
> @Trav said:
> Tried using the above and it just adds that code to the page rather than executing it. How do I make it work?
>
Instead of using code you can also check the "Hide Autoadvance Button" option in Motion tab
> Tried using the above and it just adds that code to the page rather than executing it. How do I make it work?
>
Instead of using code you can also check the "Hide Autoadvance Button" option in Motion tab
Thank you. This works as intended.
Is there any way to get this to load for the entire page i.e. all questions when the page loads, as I have to now embed this for all 20 questions.
Is there any way to get this to load for the entire page i.e. all questions when the page loads, as I have to now embed this for all 20 questions.
A
> @ddebraak said:
> Thank you. This works as intended.
>
> Is there any way to get this to load for the entire page i.e. all questions when the page loads, as I have to now embed this for all 20 questions.
Paste the code in the look and feel -> Advanced -> "header(<>)"
<script>
jQuery("#"+this.questionId+"-Advance").hide();
</script>
> Thank you. This works as intended.
>
> Is there any way to get this to load for the entire page i.e. all questions when the page loads, as I have to now embed this for all 20 questions.
Paste the code in the look and feel -> Advanced -> "header(<>)"
<script>
jQuery("#"+this.questionId+"-Advance").hide();
</script>
That did the trick thank you very much!
Userlevel 1
Hi, can you respond to me with the correct solution please? I am having the same issue but when trying the above it's not removing the [done] button.
It depends what you are trying to achieve.
For a single question use the following:
Paste the below code in the js(onReady) of the question:
`jQuery("#"+this.questionId+"-Advance").hide();`
For the entire page use the following:
Paste the code in the look and feel -> Advanced -> "header(<>)"
` <script>`
` jQuery(".AdvanceButton").hide();`
` </script>`
For a single question use the following:
Paste the below code in the js(onReady) of the question:
`jQuery("#"+this.questionId+"-Advance").hide();`
For the entire page use the following:
Paste the code in the look and feel -> Advanced -> "header(<>)"
` <script>`
` jQuery(".AdvanceButton").hide();`
` </script>`
Userlevel 1
Hi Ddebraak,
This is my header script code:
`<script>
Qualtrics.SurveyEngine.addOnReady(function() {
var height = document.getElementsByClassName('SkinInner')[0].scrollHeight
+ document.getElementById('ProgressBar').scrollHeight
+ document.getElementById('Plug').scrollHeight;
var message = JSON.stringify({
height: height,
});
window.parent.postMessage(message, '*');
jQuery("#"+this.questionId+"-Advance").hide();
});
</script>`
I'm not sure if that is in the right place but it doesn't seem to have an effect. I would like it stripped from the entire survey which is over multiple pages (one question per page)
Thanks,
Adam
> @ddebraak said:
> It depends what you are trying to achieve.
>
> For a single question use the following:
> Paste the below code in the js(onReady) of the question:
> jQuery("#"+this.questionId+"-Advance").hide();
>
> For the entire page use the following:
> Paste the code in the look and feel -> Advanced -> "header(<>)"
> <script>
> jQuery("#"+this.questionId+"-Advance").hide();
> </script>
This is my header script code:
`<script>
Qualtrics.SurveyEngine.addOnReady(function() {
var height = document.getElementsByClassName('SkinInner')[0].scrollHeight
+ document.getElementById('ProgressBar').scrollHeight
+ document.getElementById('Plug').scrollHeight;
var message = JSON.stringify({
height: height,
});
window.parent.postMessage(message, '*');
jQuery("#"+this.questionId+"-Advance").hide();
});
</script>`
I'm not sure if that is in the right place but it doesn't seem to have an effect. I would like it stripped from the entire survey which is over multiple pages (one question per page)
Thanks,
Adam
> @ddebraak said:
> It depends what you are trying to achieve.
>
> For a single question use the following:
> Paste the below code in the js(onReady) of the question:
> jQuery("#"+this.questionId+"-Advance").hide();
>
> For the entire page use the following:
> Paste the code in the look and feel -> Advanced -> "header(<>)"
> <script>
> jQuery("#"+this.questionId+"-Advance").hide();
> </script>
Tried using the above and it just adds that code to the page rather than executing it. How do I make it work?
!
!
Thanks! They should relabel that as I had no idea it was connected to the done button. 
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.