Is it possible to have vertical grid lines to be shown on slider bar? | XM Community
Question

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

  • 15 November 2019
  • 5 replies
  • 120 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

!
Userlevel 6
Badge +5

FFischer did you ever find a solution for this?

Badge +1

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.

Userlevel 7
Badge +27

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

Badge +1

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!

Leave a Reply