Split one slider question into a grid (3x2) display?

Question

Hi--I was hoping that someone could help me with creating Javascript to split a single slider question into a grid - where statements are divided into different columns, each with their own sliders.Some background:I have a multiple-choice question in which I use the “column” alignment to split up answer choices (in my case, photographs) into a 3x2 grid (randomized choice order). I then use carry-forward to bring Displayed Choices to a subsequent slider question, where they answer a slider question for each photograph. I’d really like to display this question in the same way as the MC question -- that is, in a 3x2 grid. I know how to split up different questions on a single page:HTML: Java: Qualtrics.SurveyEngine.addOnload(function() {document.getElementById('Questions').style.display = 'flex';});But not how to get different *slider* statements into different columns. Because I’m using carry-forward and a randomized choice order, I cannot split the sliders into different questions.Any help would be much appreciated!

TomG · Accepted Answer

​@becsy97,You might not need a library. If you use a Form Field question as the carryforward question, you can make the Form Field table a grid and change the inputs from “text” to “range”. The following will give you the basic layout and you can style the grid and sliders as needed.Qualtrics.SurveyEngine.addOnload(function() {var q = jQuery(this.questionContainer);q.find("tbody").css({"display":"grid","grid-template-columns":"1fr 1fr"});q.find("input[type=text]").attr({"type":"range","min":"0","max":"100"});});

ahmedA · Answer

I would strongly recommend against doing this. The problem is that the internal calculations for the Qualtrics slider take into account the width at which the slider starts with. Therefore, even if you are able to get the sliders into different containers, the data may not be reliable.If you really really want it, Iwould recommend looking at some JS slider libraries online and using those instead.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded