looking for a way to slimline slider response. | XM Community
Question

looking for a way to slimline slider response.

  • 28 February 2024
  • 2 replies
  • 21 views

Badge +1

i’m trying to reduce the vertical space between sliders on the survey, as the question requires ~10 stacked sliders and it is taking up a lot of space / requiring the user to scroll. any advice on how I can achieve this would be greatly appreciated, ty !


2 replies

Userlevel 6
Badge +24

Hello @ffionunderwood

If you're utilizing the 'Classic' layout, you can employ the following CSS code to diminish the vertical space between sliders. However, be aware that eliminating this space may result in an aesthetically displeasing survey layout.

.JFEScope .Skin .q-slider .statement-container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;

 

Let me know if this helps.

Badge +1

Hello @ffionunderwood

If you're utilizing the 'Classic' layout, you can employ the following CSS code to diminish the vertical space between sliders. However, be aware that eliminating this space may result in an aesthetically displeasing survey layout.

.JFEScope .Skin .q-slider .statement-container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;

 

Let me know if this helps.

works perfectly, thank you so much !

Leave a Reply