How to change the label positions on a slider | XM Community
Skip to main content

How to change the label positions on a slider

  • December 8, 2022
  • 6 replies
  • 2141 views

Forum|alt.badge.img+2

Hi everyone,
I would like to change the label positions on a slider so that they appear directly above the value they adress.
With a normal rich context editor this looks the slider looks like this:
image.pngor if I make the labels centered even worse:
image.pngI simply want to have the labels "strongly negatively" and "strongly positively" to appear directly above -100 and 100 respectively. Like here:
image.pngIs there any way to do this?
Many thanks in advance!

6 replies

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+46
  • 1555 replies
  • December 8, 2022

DaraLi
Include 11 labels in your case and just add a space where you would not like the labels to show. You will see them right above the slider numbers.
Hope it helps!


Forum|alt.badge.img+2
  • Author
  • 3 replies
  • December 10, 2022

Hi Deepak, thank you for the idea!
but unfortunately, it does not work.. I've tried out to use spaces or a short word in white color but the first and last labels are still not at the place where they should be. I guess it is because the slider-table does not allow the labels to move outside this table.
I guess it should be possible to manipulate the table itself? so that I am able to change the width of the labels-row or make another table with a suitable width?
maybe using Html or JavaScript?


Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+46
  • 1555 replies
  • December 10, 2022

https://community.qualtrics.com/XMcommunity/discussion/comment/53053#Comment_53053Via JS you can manipulate the first and last slider number to accommodate the label as well. And remove the default labels completely.


Forum|alt.badge.img+2
  • Author
  • 3 replies
  • December 10, 2022

https://community.qualtrics.com/XMcommunity/discussion/comment/53054#Comment_53054Could you please give an example of the code or how I can do this? I still don't know how to access the table or the html-code that qualtrics produces - I just assumed that it should be possible somehow.. in the editor I can write the code for the question but I don't see anywhere the code for the slider itself..


Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+46
  • 1555 replies
  • December 11, 2022

https://community.qualtrics.com/XMcommunity/discussion/comment/53055#Comment_53055Unfortunately I would not be able to help you with the code.
But you can learn from https://www.w3schools.com/jsref/prop_option_label.asp
How to access.
Hope it helps!


Forum|alt.badge.img+2
  • Author
  • 3 replies
  • December 15, 2022

Deepak Thank you! I'll share the solution when I find it.