How to Create a Side-By-Side Sliders | XM Community
Solved

How to Create a Side-By-Side Sliders

  • 7 August 2019
  • 4 replies
  • 334 views

Is there any way I could employ custom coding to get two sliders to be side by side?

For my survey, I need to have two sliders side by side for many of the questions. I noticed that in the column options for the side-by-side questions, there are only two types of questions you can choose from: scaled response and open-ended text.

Thanks in advance if anyone has any input on this issue!
icon

Best answer by TomG 8 August 2019, 21:03

View original

4 replies

Userlevel 7
Badge +27
Yes, it could be done, but is fairly complex. Use a side by side with text input fields. Hide the text inputs, add your own sliders, and capture the slider values in the hidden input fields.
Thanks a bunch, Tom. This will be a great starting point for me.

If you have any links to where I could learn about hiding text inputs or capturing slider values in the hidden input fields, I would greatly appreciate it.

Otherwise, thanks again!
Hi Tom,

I'd also like further information on this topic.
I have limited Javascript and CSS coding skills, so any direction would be helpful in this matter!
Userlevel 2
Badge

I wrote up a guide how to do this in JavaScript. See the two sliders side by side section,
https://rpubs.com/john-henry/custom-qualtrics-sliders


Leave a Reply