Millisecond Forums

Hi, 

I have used Inquist before but am new Inquist web. I was wondering if it could be possible to design a survey where participants can use this dual slider scale to select their responses
(Here is the html code for the slider : div class="range_container">
  <div class="sliders_control">
   <input id="fromSlider" type="range" value="10" min="0" max="100"/>
   <input id="toSlider" type="range" value="30" min="0" max="100"/>
  </div>
  <div class="form_control">
  <div class="form_control_container">
    <div class="form_control_container__time">Min</div>
    <input class="form_control_container__time__input" type="number" id="fromInput" value="10" min="0" max="100"/>
   </div>
   <div class="form_control_container">
    <div class="form_control_container__time">Max</div>
    <input class="form_control_container__time__input" type="number" id="toInput" value="30" min="0" max="100"/>
   </div>
  </div>
</div>)
Can this be coded for Inquist Web?

Thank you!

You need a <surveypage> with two <slider> elements.

https://www.millisecond.com/support/docs/v6/html/tutorials/demographic_survey/surveytutorial.htm

HTML code is entirely irrelevant.

The code you use for Inquisit Web is exactly the same you use for Inquisit Lab.

Thank you Dave! The tutorial was helpful. I am not quite sure though how to code for a dual slider scale. I was able to code for a slider with one button that participants will be able to move around. But I wanted two buttons on the same scale, something like https://codepen.io/predragdavidovic/pen/mdpMoWo. Can you please help out with that?

+x

 

sbashyam - 2/27/2025

Thank you Dave! The tutorial was helpful. I am not quite sure though how to code for a dual slider scale. I was able to code for a slider with one button that participants will be able to move around. But I wanted two buttons on the same scale, something like https://codepen.io/predragdavidovic/pen/mdpMoWo. Can you please help out with that?

Not really possible.