Moving next & previous buttons to the top of the page | XM Community
Skip to main content
Solved

Moving next & previous buttons to the top of the page

  • November 10, 2017
  • 4 replies
  • 366 views

Dax
Qualtrics Employee
Forum|alt.badge.img+2
  • Qualtrics Employee
The theme that I am using in my survey places the Next and Previous buttons on the bottom of the page, but I want them at the top. I also don't want to change my theme. How can I do this?

Best answer by AnthonyR

This is going to be highly dependent on theme if you want to do it using CSS, but I think adding the following to the source of your header should do it for most themes, using a bit of JavaScript. <script type="text/javascript"> Qualtrics.SurveyEngine.addOnReady(function() { $('Header').insert($('Buttons')); }); </script>

4 replies

JulieT
Level 3 ●●●
Forum|alt.badge.img+10
  • Level 3 ●●●
  • November 15, 2017
This is a custom CSS situation. Delve into the look and feel section and click on the Advanced tab where you can place code into the CSS Editor. Bribe your favorite IT person with Starbucks to write the code.

Dax
Qualtrics Employee
Forum|alt.badge.img+2
  • Author
  • Qualtrics Employee
  • November 15, 2017
That is what I was afraid of...was hopeful that someone on here could help with that code.

AnthonyR
Level 4 ●●●●
Forum|alt.badge.img+7
  • Level 4 ●●●●
  • Answer
  • November 15, 2017
This is going to be highly dependent on theme if you want to do it using CSS, but I think adding the following to the source of your header should do it for most themes, using a bit of JavaScript. <script type="text/javascript"> Qualtrics.SurveyEngine.addOnReady(function() { $('Header').insert($('Buttons')); }); </script>

  • September 27, 2019
AnthonyR, your code worked perfectly for me. Thank you for sharing!