How to make the "next" button say something different on Table of Contents vs the Response Summary? | XM Community
Solved

How to make the "next" button say something different on Table of Contents vs the Response Summary?

  • 5 January 2022
  • 4 replies
  • 723 views

Userlevel 2
Badge +1

Hello,
I need help changing what the "next" button says on my survey's built-in Table of Contents element.
I will explain further, but please refer to the image near the bottom as needed.
I should clarify how my survey is set up. Initially, the survey only had previous/next buttons on the bottom, as is the norm with Qualtrics surveys. At that time, I needed the “next” button that appears on the final page to be very clear that it would now act as the “submit” button for the entire survey and that there was no way to go back. The tricky part is that the final page of my survey is the Response Summary, which cannot have its buttons modified in any built-in way. That’s why I labelled that button to say, “SUBMIT (Final: Once you click this, you CANNOT go back!)”. (That might seem like overkill, but trust me, we needed that!) I then went to all the previous blocks and changed the “next” button to say, “SAVE & MOVE FORWARD”. (This was based on advice I received from Qualtrics Support.)
Some of the pages in our survey are long, so that’s why we wanted to provide previous and next buttons at the top of the page, too. I achieved that through some custom code that I got from the XM Community. That code was placed in Look and feel > General > Header and it looks like this:



(In case it is relevant, please note that, in the code above, there is a portion that prevents the upper “header” buttons from appearing on the Response Summary page.)
The above code worked out perfectly and I now have navigation buttons at the top and bottom of my survey's pages.
The problem is that now I need to add a Table of Contents (ToC) element and, just like the Response Summary page, I can’t change what the buttons say on the ToC page in any built-in way.
Someone from Qualtrics Support pointed me to a previous discussion where this code was provided...

...That code was used by creating a new Table of Contents header message from the Survey Flow and pasting the code into that message's source view. The code is working on the next buttons that we have appearing at the top of all our pages (the one that says, “SAVE & MOVE FORWARD” in the image below, which was added with the longer code I provided above), but it isn’t working on the built-in buttons at the bottom.
image.pngDoes anyone have any ideas on how to get around this issue? Is there any way I can change my "next" button at the bottom of the ToC so that it doesn't say the same thing as the button at the bottom of my Response Summary does?
Thank you for your assistance with this!!!

icon

Best answer by KimothiSaurabh 6 January 2022, 13:09

View original

4 replies

Userlevel 4
Badge +18

https://community.qualtrics.com/XMcommunity/discussion/19165/how-to-make-the-next-button-say-something-different-on-table-of-contents-vs-the-response-summaryLouRisc Just tweak that code slightly and it would work:-


Userlevel 2
Badge +1

https://community.qualtrics.com/XMcommunity/discussion/comment/42715#Comment_42715Thank you, KimothiSaurabh! That worked perfectly!

Userlevel 2
Badge +1

KimothiSaurabh, I do have a follow-up question, in case you can help with that, too. Prior to adding my table of contents, I already had the longer code I included above which hides the navigation buttons from the top of my Response Summary page, leaving only the built-in buttons at the bottom. (We need it that way because we need people to go through the entire page and review their responses and leaving a next/submit button at the top of the summary page makes it too easy for them just to hit submit without reviewing.) Anyway, this all worked well, but since adding the Table of Contents with the shorter code (both in its original state and with the small tweak that you suggested), I end up only seeing my next/submit button on the Response Summary. I don't know why, but the previous button isn't appearing there any longer, which I find puzzling since the short script we are discussing doesn't even mention the previous button. Any ideas?? Thank you for your help! Here is a screenshot of what I mean:
image.png

Userlevel 2
Badge +1

I have now discovered the reason why the previous button has disappeared on my Response Summary page. It happened because the End of Survey element, which includes the response summary, cannot be nested within the Table of Contents element. And, here's the part I didn't know, the back button will not show between blocks that have any survey flow element between them.
So, the disappearance of the back button on the Response Summary page wasn't caused by any JavaScript errors or conflict, but this still leaves me hoping that someone can find a way, through custom code, of adding back the button. If it cannot be done back to the previous page, perhaps there would be a way to return to the beginning of the survey or to the Table of Contents page (i.e., Section Links).
Thank you!

Leave a Reply