Editing Next & Back Buttons | XM Community
Skip to main content
Question

Editing Next & Back Buttons


Forum|alt.badge.img+3

My next and back buttons are showing multiple arrows. I’d like to simplify, but I am struggling with my troubleshooting. Has anyone experienced this? 

7 replies

Aggarwal
Level 4 ●●●●
Forum|alt.badge.img+15
  • Level 4 ●●●●
  • 134 replies
  • January 8, 2025

Forum|alt.badge.img+3
  • Author
  • Level 2 ●●
  • 12 replies
  • January 8, 2025

I’ve been using the Look & Feel section to adjust the arrows in my troubleshooting, but I’ve been unsuccessful. For example, I tried to simplify to > and < but it still looks strange. See screengrab. 

I’ve tried deleting everything in the Next and Back button boxes to see if that would only display one arrow, but that didn’t work either. See other screengrab.


Aggarwal
Level 4 ●●●●
Forum|alt.badge.img+15
  • Level 4 ●●●●
  • 134 replies
  • January 8, 2025

Have you applied and published if you are testing with live link? 

 

If it doesn't work can you check by clearing cache or with other browser


Forum|alt.badge.img+3
  • Author
  • Level 2 ●●
  • 12 replies
  • January 8, 2025

I have clicked Apply each time. I haven’t published the survey yet because we are still making edits. 

 

I ended up adding in Next and Previous to the boxes and that seems to be working when I do a survey preview.

 

Thanks!


Aggarwal
Level 4 ●●●●
Forum|alt.badge.img+15
  • Level 4 ●●●●
  • 134 replies
  • January 8, 2025

You can try html code for ">" and <

 

Entity numbers look like this: &#entity_number; To display a less than sign (<) we must write: &lt; or &#60; Entity names are easier to remember than entity numbers.


Forum|alt.badge.img+16

I think you may be using the new survey taking experience (previously simple layout).

Perhaps you can try inserting a space?

 


gPandey_715
Level 2 ●●
Forum|alt.badge.img+5
  • Level 2 ●●
  • 28 replies
  • January 16, 2025

Try disabling them by editing the CSS.

.NextButton::before, .PreviousButton::before {
    content: none !important;
}


Leave a Reply