How do I make previous buttons disappear on selected questions? | XM Community
Skip to main content
Solved

How do I make previous buttons disappear on selected questions?

  • March 21, 2019
  • 4 replies
  • 44 views
A
I am trying to have the previous button not show up on selected questions. I have tried two custom java scripts (see below), but if the question is answered incorrectly on the page with the java script (i.e. the error message appears), the previous button reappears and you can go back. I am aware of the solution of dividing it into blocks and using branches, however the survey is quite extensive and this would require 50+ additional blocks and branches in an already complicated flow. The other option is of course to remove them completely but this makes other parts of the survey difficult. Is there a way to do this with custom script so that the previous button stays hidden even when the question is answered incorrectly? Java Scripts I tried (when loading, when displayed, when unloading): $('PreviousButton').hide(); $('PreviousButton').disable(); OR { $('PreviousButton').hide(); });

Best answer by Anonymous

Hello @ASFriesacher , Paste the below code in the js(onReady) of the question if(jQuery(".ValidationError").text()==""){ jQuery("#PreviousButton").hide(); }else{ jQuery("#PreviousButton").css("visibility","collapse"); }

4 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • March 21, 2019
What function are you running that code from? Try this: ``` Qualtrics.SurveyEngine.addOnReady(function() { jQuery("#PreviousButton").hide(); }); ```
A
  • Anonymous
  • Answer
  • March 24, 2019
Hello @ASFriesacher , Paste the below code in the js(onReady) of the question if(jQuery(".ValidationError").text()==""){ jQuery("#PreviousButton").hide(); }else{ jQuery("#PreviousButton").css("visibility","collapse"); }
A
A
Thank you Shashi, this works perfectly. Tom, unfortunately the same thing happens as I described above with the code you suggested, but thank you anyway!
TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • March 24, 2019
This appears to be a timing issue introduced by a recent Qualtrics change (I also notice that hiding Separators in the addOnload function no longer works either due to a timing issue). Deferring the PreviousButton hide until the stack clears works: ``` Qualtrics.SurveyEngine.addOnReady(function() { setTimeout(function() { jQuery("#PreviousButton").hide(); },0); }); ```
A
Terms & ConditionsAccessibility statement