How to Create a Side-By-Side Sliders | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

How to Create a Side-By-Side Sliders

  • Aug 7, 2019 8:20 PM UTC
  • 4 replies
  • 1079 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!

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
    • TomG
    • Level 8 ●●●●●●●●
    • Answer
    • Aug 8, 2019 7:03 PM UTC
    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.
      • dheniford
      • Author
      • Aug 8, 2019 7:09 PM UTC
      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!
        • Shane
        • Dec 15, 2019 11:24 PM UTC
        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


          Terms & ConditionsAccessibility statement