Trying to change next button from the arrow to the word "next" using css. | XM Community
Skip to main content
Solved

Trying to change next button from the arrow to the word "next" using css.

  • February 16, 2024
  • 3 replies
  • 259 views

Forum|alt.badge.img+1

I know this sounds simple, but I’ve spent three hours trying to figure this out… Can anyone help?

Best answer by TomG

@rg94LM - You can’t change it with CSS.  It is an attribute (value), not a format.

Alternatives:

  • Look & feel → General
  • Edit block → Format (to change for a specific block)
  • JavaScript: jQuery("#NextButton").val("Next");

3 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • Answer
  • February 16, 2024

@rg94LM - You can’t change it with CSS.  It is an attribute (value), not a format.

Alternatives:

  • Look & feel → General
  • Edit block → Format (to change for a specific block)
  • JavaScript: jQuery("#NextButton").val("Next");

Forum|alt.badge.img+1
  • Author
  • 1 reply
  • February 16, 2024

Thank you TomG! You have helped me with so many other issues on this forum, pretty neat to see you answer my first Q here!

 

Do you know if this is possible to do for the whole survey (not just the block)? Or even for a custom theme? 

 

Thank you for your help!


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • February 16, 2024

Thank you TomG! You have helped me with so many other issues on this forum, pretty neat to see you answer my first Q here!

 

Do you know if this is possible to do for the whole survey (not just the block)? Or even for a custom theme? 

 

Thank you for your help!

Look & feel → General will do it for the entire survey. 

Next/Previous buttons aren’t options that can be set in custom themes.