Adding vertical tick marks to a slider | XM Community
Question

Adding vertical tick marks to a slider

  • 21 January 2021
  • 8 replies
  • 255 views

Userlevel 6
Badge +5

Hi,
Has anyone been able to successfully do this? I need visible tick marks on each of the gridlines of my slider that appear in mobile and desktop view. They could be vertical lines or dots along the slider. I've seen a couple other threads about this but none of them really found a resolution.

Here is how my slider currently looks:
image.png
Any help would be greatly appreciated!


8 replies

Userlevel 7
Badge +21

Try this CSS:

Userlevel 6
Badge +5

@AhmedA, that doesn't seem to change anything for me. Are you putting this in the Look and feel section under CSS?

Userlevel 7
Badge +21

No. In the HTML view of the question. Try adding the !important tag.... Maybe Qualtrics is overriding it with defaults.

Userlevel 7
Badge +21

I use the boxed question theme. Here's how it looks for three sliders:

image.png

Userlevel 7
Badge +27

uhrxx005 ,
You could add


|
to your labels.

Userlevel 6
Badge +5

ahmedA It's still not displaying for me. I'm not sure why. Here is what the source html looks like for that question. Currently using the Blank dynamic theme with the classic layout. TomG that sort of works but unfortunately Qualtrics does not really put the labels exactly over the grid marks even if you select center labels.
Is aggression getting in the way of [CHILD'S] daily life outside of school?

Userlevel 7
Badge +21

can you share a link to the survey?

Userlevel 6
Badge +5

ahmedA I'll send you a QSF of the survey with just one of the slider questions in there. Thanks!

Leave a Reply