I’m trying to custom a slider question in qualtrics. I am working with a question scaled in 4 increments (0, 25, 50, 75, 100), where the answers are snaped to increments, so I can make a Likert question more visual (so using labels as “Strongly disagree”, “Neutral” and “Strongly agree”). However, I’d like to change the value shown at each bar, that refers to the numeric increments by default, presenting instead a custom text for each option (for example: “Strongly disagree”, “somewhat disagree”, “Neutral”, “somewhat agree” and “Strongly agree”).

After some research, I guess the only way to implement this is through javascript. However, I have no idea of this language and only found this code that I’d need to modify:

Qualtrics.SurveyEngine.addOnload(function()
{
jQuery('.ResultsInput').change(function()
{
updateTT(jQuery(this));
});

jQuery('.trackHolderRel').mousedown(function()
{
updateTT(jQuery(this));
});

function updateTT(element)
{
console.log(jQuery(element).find('.sliderToolTipBox').length)
if(jQuery(element).find('.sliderToolTipBox').length==1)
jQuery(element).find('.sliderToolTipBox').parent().append('<div class="sliderToolTipBox">2</div>')
jQuery(element).find('.sliderToolTipBox').eq(0).hide();
jQuery(element).find('.sliderToolTipBox').eq(1).html('Strongly disagree')
}

});

I guess it’s a silly thing (hopefully) but I don’t know how to proceed. Right now, it’s always showing “Strongly disagree” for every option, as you can see in the picture. Also, when i select the left option, half of the text is cutted off the window, but this would rather be a secondary problem…

enter image description here

I’d very much appreciate your help! Thanks 🙂