Changing styles (color, size, position, etc) of the next button for one page | XM Community
Skip to main content

Hi, I am struggling to figure out how I can change styles of the next button on selected pages. For instance, I want to have a special next button (e.g., big red circle in the middle of the screen) for some pages (not all pages).

Is this possible with custom JavaScript? I appreciate any help/suggestions.

Warm regards,
Hiro

You can do it with CSS or JavaScript. JavaScript is a bit easier:
Qualtrics.SurveyEngine.addOnReady(function() {
jQuery("#Buttons").css("text-align","center");
var nb = jQuery("#NextButton");
nb.css({"background-color":"red","border-radius":"50%","height":nb.outerWidth()+"px"});
});

Thank you TomG !! I can now edit it a bit more now that I know the format.

Thank you so much TomG for creating another custom code solution! And, thank you hirompet for confirming that it works - this confirmation helps a lot of our users 🙂

Leave a Reply


Terms & Conditions