looking for a way to slimline slider response. | Experience Community
Skip to main content
Question

looking for a way to slimline slider response.

  • February 28, 2024
  • 2 replies
  • 40 views
F
Forum|alt.badge.img+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

Sachin Nandikol
QPN Level 7 ●●●●●●●
Forum|alt.badge.img+47
  • Sachin Nandikol
  • QPN Level 7 ●●●●●●●
  • February 29, 2024

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.

Sachin
F
Forum|alt.badge.img+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 !

Terms & ConditionsAccessibility statement