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

How can I move slider labels below the slider when there are multiple sliders on a page?

  • March 22, 2022
  • 2 replies
  • 162 views

Forum|alt.badge.img+1

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!!

Best answer by rondev

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

2 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • Answer
  • March 31, 2022

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


Forum|alt.badge.img+1
  • Author
  • April 2, 2022

Thank you! Worked perfectly!