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

Hide Next Button AND Progress bar on specific questions without the flashing problem

  • April 8, 2020
  • 1 reply
  • 59 views
M

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 */

Best answer by Miss_Egg

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.


    1 reply

    M
    • Miss_Egg
    • Author
    • Answer
    • April 8, 2020

    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