Vertical oriented slider

[steffejr]

Hello,
I would like to make a visual analog scale with a vertical orientation. Is this possible?
Thank you

[ChristopheBossens]

Yes, but it might affect how your overall trial looks. Can you add the following code to the head section of your page and see what the effect is? It uses css transformations to rotate the scale

input[type="range"] {
   position: absolute;
   top: 40%;
   transform: rotate(270deg);
}

[XxAlonexX]

There you go buddy

const trial = {
  type: 'html-slider-response',
  stimulus: '<p>How are you feeling today?</p>',
  labels: ['Low', 'High'],
  require_movement: true,
  slider_width: 30,
  on_load: function() {
    const slider = document.querySelector('.jspsych-slider');
    slider.style.transform = 'rotate(-90deg)';
    slider.style.height = '300px';
    slider.style.width = '30px';
  }
};

jsPsych.init({
  timeline: [trial]
});