Hide Next Button AND Progress bar on specific questions without the flashing problem | XM Community
Skip to main content

Hi!
For pages that have an image, I need both the progress bar AND the next button hidden. Attached is my code. I've tried adding these functions in different places or just having the two in .addOnReady

PROBLEM: Either the next button flashes or with different edits--the progress bar flashes.


Qualtrics.SurveyEngine.addOnload(function(){
  jQuery("#NextButton").hide();
jQuery("#ProgressBar").hide();
  });

Qualtrics.SurveyEngine.addOnReady(function() {
  jQuery("#NextButton").hide();
});

Qualtrics.SurveyEngine.addOnUnload(function()
{
jQuery("#ProgressBar").hide();
});

/* Progress bar is perfect. Next button is poppin now */

Next button hidden but flashes on page transitionOut of all the different hide next button posts using 

 jQuery("#NextButton").hide();

$('NextButton').hide();

OR
this.hideNextButton();

in the addOnReady section, adding html code was the most stable choice. Please visit the link to see why.
Adding to the post from the link, using this code will work. I don't have texts in places where I want to hide these 2 things (for the most part). So, these were inserted into an additional "question" via descriptive text --> click on html tab on the right side --> insert this. Need to do this for every page that needs these things hidden.


Terms & ConditionsAccessibility statement