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

How to Create a Side-By-Side Sliders


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!

Best answer by TomG

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.
View original

4 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5926 replies
  • Answer
  • August 8, 2019
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.

  • Author
  • 3 replies
  • August 8, 2019
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!

  • 1 reply
  • December 15, 2019
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!

Forum|alt.badge.img

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