How to make the Submit button larger and more obvious? | XM Community
Skip to main content
Question

How to make the Submit button larger and more obvious?


Forum|alt.badge.img+2

We have created a survey on Qualtrics. We have noticed that the Submit button at the end of the survey is ssmall, grey and inconscpicuous. Is there a way for us to make the Submit button larger and more obvious?

I see that a similar question has been asked before and someone recommended the following, but I cannot see where and how I can paste this code:

Paste the code at the very last question JS, change the css property values as required:
jQuery("#NextButton").attr("value","Submit").attr("title","Submit").css({
"background": "black",
  "width": "300px",
  "height": "60px",
"font-size": "35px",
  "color": "wheat"});
 

Is there another way to do this? 

4 replies

ManfredBM
Level 5 ●●●●●
Forum|alt.badge.img+35
  • Level 5 ●●●●●
  • 114 replies
  • August 2, 2023

Hi @neilpw ,

copy the following code in the question text of the last question of your survey (in HTML view):

 

<script>
jQuery("#NextButton").attr("value","Submit").attr("title","Submit").css({
"background": "black",
  "width": "300px",
  "height": "60px",
"font-size": "35px",
  "color": "wheat"});
</script>

This is the last question text?


NiC
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • 255 replies
  • August 2, 2023

Hi @neilpw ,

 

As ManfredBM replied, you could  use the code in the last question.

 

The other option might be to use the Modern Layout in the Qualtrics Look and Feel > Layout section  

but beware this will change the next button size on all pages and also the look of all the questions as well.

 


Forum|alt.badge.img+2
  • Author
  • Level 2 ●●
  • 4 replies
  • August 8, 2023

Thank you Manfred BM and NiC, 

When I try to add the script below (from ManfredM) in HTML view, I get an error message: "JavaScript is not allowed in the question text". Please can you advise?

<script>
jQuery("#NextButton").attr("value","Submit").attr("title","Submit").css({
"background": "black",
  "width": "300px",
  "height": "60px",
"font-size": "35px",
  "color": "wheat"});
</script>
 

Thanks, Neil


NiC
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • 255 replies
  • August 8, 2023

You need to remove the script html tags

And then you can add that code in OnReady or OnLoad function

As shown here https://www.qualtrics.com/support/survey-platform/survey-module/question-options/add-javascript/#AccessingTheJavaScriptEditor

 

 


Leave a Reply