Solved

How can i change the position of the choices in a slider question?

5 years ago
Mar 29, 2021 10:22 AM UTC
6 replies
184 views

nhertzog

Hi, I trying to decrease the distance between slider choice and slider itself.
i modified the location of the slider labels by using jQuery, i couldnt find a way to do the same for the choices location.
the distance is the "d" in the attached photo, as shown in the preiview screen. the survey is also mobile friendly.
thanks!

Best answer by TomG

jQuery("#"+this.questionId+" .statement").css("padding-bottom","0px");

View original

+27

TomG
Level 8 ●●●●●●●●
Answer
5 years ago
Mar 29, 2021 11:07 AM UTC

jQuery("#"+this.questionId+" .statement").css("padding-bottom","0px");

Like

N

nhertzog
Author
5 years ago
Mar 29, 2021 1:46 PM UTC

Thanks TomG for the reply.
unfourtanatly it didnt work. the distance remain the same.
any other ideas?

Like

+27

TomG
Level 8 ●●●●●●●●
5 years ago
Mar 29, 2021 1:55 PM UTC

https://www.qualtrics.com/community/discussion/comment/36131#Comment_36131Did you put it inside the addOnload function? It not working may have something to do with whatever code you added for the labels since labels are typically above statements (i.e., choices)

Like

N

nhertzog
Author
5 years ago
Mar 29, 2021 2:39 PM UTC

first is for the labels, second is what you sent.
this is how it looks in the JS section:

Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#"+this.questionId+" ul.labels").insertAfter("#"+this.questionId+" div.statement-container").css("padding", "15px 0px");;
});
Qualtrics.SurveyEngine.addOnUnload(function()
{
jQuery("#"+this.questionId+" .statement").css("padding-bottom","0px");
});

thanks again!