How can I move slider labels below the slider when there are multiple sliders on a page? | XM Community
Skip to main content

I can use this when there's just one slider on a page:
 Qualtrics.SurveyEngine.addOnReady(function()
{ jQuery("ul.labels").insertAfter("div.slider-container"); jQuery("ul.labels").css('font-weight', '700');});
For multiple sliders on a page, I have tried to use this (which was previously posted):
Qualtrics.SurveyEngine.addOnReady(function()
{jQuery("#Footer").hide();   labels.insertAfter("#"+this.questionID+"div.slider-container");  labels.css('font-weight', '700'); });
However, I am not having any luck. Any recommendations? How should I be writing this.questionID?
Thank you!!

Try this:
jQuery("#"+this.questionId+" ul.labels").insertAfter("#"+this.questionId+" div.slider-container"); jQuery("#"+this.questionId+" ul.labels").css('font-weight', '700');

Thank you! Worked perfectly!

Leave a Reply


Terms & Conditions