Is it possible to have vertical grid lines to be shown on slider bar? | Experience Community
Skip to main content
Question

Is it possible to have vertical grid lines to be shown on slider bar?

  • Nov 15, 2019 3:31 PM UTC
  • 5 replies
  • 259 views

Hi everyone, can anyone help? I want to have a slider bar , which makes each vertical grid line visible for the respondent. By this the respondents should clearly know which nuance they could choose from. Mysurvey question is shown in the picture. The yellow Grid lines, should be visible for the respondents in order to cleary see the options. (they shoud be black of course and more nicely) Thank you very much for any suggestions/codes.

5 replies

  • Author
  • Nov 17, 2019 3:53 PM UTC
!

Forum|alt.badge.img+5
  • Level 2 ●●
  • Jan 14, 2021 6:53 PM UTC

FFischer did you ever find a solution for this?


Forum|alt.badge.img+1
  • Sep 28, 2022 7:51 AM UTC

https://community.qualtrics.com/XMcommunity/discussion/7129/is-it-possible-to-have-vertical-grid-lines-to-be-shown-on-slider-barHi.
This code is the closest I have gotten to answering this question.
.slider-container:after {
  content:"";
  position: absolute;
  z-index: -1;
  top: 50px;
  bottom: 0;
  left: 50%;
  border-left: 2px solid #9b9b9b;
  transform: translate(-50%);
}
Full discussion here:
https://community.qualtrics.com/XMcommunity/discussion/11046/slider-question-adding-a-middle-line
Apart from this, I have not found anything useful.


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Sep 28, 2022 2:38 PM UTC

David_UB,
You can write JS to add ticks that match the grid lines:
slider_ticks.gif


Forum|alt.badge.img+1
  • Sep 28, 2022 2:41 PM UTC

Oh, I see.
TomG can you share the JS code you are using? I don't have a lot of experience with JS and will be greatly appreciated.
Thanks!