Solved

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

Forum|Forum|4 years ago
March 29, 2021
6 replies
156 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");

+27

TomG
Level 8 ●●●●●●●●
Answer
Forum|Forum|4 years ago
March 29, 2021

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

Like

N

nhertzog
Author
Forum|Forum|4 years ago
March 29, 2021

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

Like

+27

TomG
Level 8 ●●●●●●●●
Forum|Forum|4 years ago
March 29, 2021

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
Forum|Forum|4 years ago
March 29, 2021

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!