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

Moving next & previous buttons to the top of the page

  • 11 November 2017
  • 4 replies
  • 204 views

Userlevel 4
Badge +2
  • Qualtrics Employee
  • 23 replies
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?
icon

Best answer by AnthonyR 15 November 2017, 20:10

View original

4 replies

Userlevel 5
Badge +10
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.
Userlevel 4
Badge +2
That is what I was afraid of...was hopeful that someone on here could help with that code.
Userlevel 7
Badge +7
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>
AnthonyR, your code worked perfectly for me. Thank you for sharing!

Leave a Reply