How to Create a Side-By-Side Sliders | XM Community
Skip to main content
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!
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!

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