Spacing between statement, slider and labels | XM Community
Skip to main content

Dear community, 

I have implemented a slider question with 8 statements and look for a solution to decrease the spacing between (A) the statement and the slider as well as (B) the slider and the label across all of the 8 blocks. 

 

This is how a slider for a single statement looks at the moment:

To obtain this, I have already used the following Java code to print the labels below each of my 8 slider questions and hide the numbers that are displayed by default: 

 

Qualtrics.SurveyEngine.addOnReady(function()
{
    jQuery("ul.labels").insertAfter("div.slider-container");
    jQuery("ul.numbers").hide();
});

 

Could you help me solve this spacing issue for all of the sliders? Thank you for your help!

@ElanaRuhberg 
You can switch your layout to “Classic” 

OR
Add 1 more line to your code, change the value if you want some thicker padding

Qualtrics.SurveyEngine.addOnReady(function() {

    jQuery("ul.labels").insertAfter("div.slider-container");
    jQuery("ul.numbers").hide();

    // Adjust bottom padding of .statement-container,. statement and .BarOuter
    jQuery('.statement-container, .statement, .BarOuter').css('padding-bottom', '0');
});

Hope this helps

Leave a Reply


Terms & Conditions