Multiple "Next" Buttons | XM Community
Skip to main content
Question

Multiple "Next" Buttons


Forum|alt.badge.img+1

I would like to have two “next” buttons on my survey landing page. Any ideas on how to add multiple buttons? 

Also - I am certainly not a coder, but can follow directions! Are there any updated instructions on how to center the buttons?

3 replies

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • August 1, 2024

yes, you can do this via HTML and JS.

simply copy the whole next button element using inspect element and go under Look and feel → General → Header , click edit, the click Source (top line right side last option), then paste your button there.
 

 

copy the whole button element then change the ID of next button element as NextButton1. Then paste it into look and feel header. Also copy the CSS of #NextButton and paste it under header using style tag anc change the ID selector as #NextButton1. refer above screenshot for whole process.

then paste below JS as well under header.

<script>
jQuery(document).ready(function(){
   setTimeout(function(){
     if(jQuery(".Skin #EndOfSurvey").hasClass("EndOfSurvey")){
       jQuery("#NextButton1").hide();
     }
   },30);
   jQuery("#NextButton1").click(function(){
     jQuery("#NextButton").click()
   });

});
</script>


Output:


 


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • August 1, 2024

Oof I think I got lost somewhere. I recreated the code in your screenshot, but am not sure I’m following all the changes that need to be made and where. I will get a colleague who knows CSS and JS to help!


ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • August 2, 2024

Good luck, @dflink! try this, this will definitely work. 


Leave a Reply