Is there a way to remove the auto advance "Done" floating button? | XM Community
Skip to main content
Solved

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?!

Best answer by Anonymous

Hello @ddebraak , Paste the below code in the js(onReady) of the question: `jQuery("#"+this.questionId+"-Advance").hide();`
View original

13 replies

  • 0 replies
  • Answer
  • October 25, 2018
Hello @ddebraak , Paste the below code in the js(onReady) of the question: `jQuery("#"+this.questionId+"-Advance").hide();`

  • Author
  • 5 replies
  • October 25, 2018
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.

  • 0 replies
  • October 25, 2018
> @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>

  • Author
  • 5 replies
  • October 25, 2018
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?

  • 0 replies
  • October 25, 2018
Hello @ddebraak Paste the code in the look and feel -> Advanced -> "header(edit)"->"<>" <script> jQuery(".AdvanceButton").hide(); </script>

  • Author
  • 5 replies
  • October 25, 2018
That did the trick thank you very much!

AdamBoston
Level 1 ●
Forum|alt.badge.img
  • Level 1 ●
  • 17 replies
  • November 8, 2018
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.

  • Author
  • 5 replies
  • November 8, 2018
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>`

AdamBoston
Level 1 ●
Forum|alt.badge.img
  • Level 1 ●
  • 17 replies
  • November 9, 2018
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>

  • Author
  • 5 replies
  • November 11, 2018
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.

  • 5 replies
  • January 30, 2019
Tried using the above and it just adds that code to the page rather than executing it. How do I make it work? !

  • 0 replies
  • January 30, 2019
> @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

  • 5 replies
  • January 30, 2019
Thanks! They should relabel that as I had no idea it was connected to the done button. :D

Leave a Reply