The Slider List question was built to accommodate relatively short row headers. If you find that you need to adjust the width of either the row header or the slider to accommodate your row header text you can do so with a little CSS!
Place the below CSS code in your survey theme. To do so go to the Style tab and scroll to the bottom of the survey preview to access the link for the HTML/CSS Editor. CSS code should be placed on the Custom CSS tab.
To reduce the width of the slider use the below CSS. We've reduced the left margin to 245px. You can also reduce the right margin.
.sg-slider-box {
margin-left: 245px;
margin-right: 15px;
}
To increase the width of the row header use the below CSS. We've increased the width to 150%.
.sg-slider-row-label-inner {
width: 150%;
}
Finally, if you would like to gain a touch more room you can pull the row headers to the left use the below CSS.
.sliderwidth .sg-question-options {
padding: .3em 1em 1em 0em;
}
Next, edit your Slider List question and go to the Layout tab and enter sliderwidth the CSS Class Name field.
Before CSS:
Once this CSS has been applied to the theme:
Admin
— Bri Hillmer on 05/10/2018
@Anna: I'm assuming your looking to put a border line between the sliders. That we can do!
To do so go to the Style tab of your survey and scroll to the bottom of the survey and click the link to access the CSS/HTML editor. Then you can paste the below code on the Custom CSS tab:
.sg-slider-row {
border-bottom: 1px solid;
}
.sg-slider-row:last-child{
border-bottom: none;
}
I hope this helps!
Bri Hillmer
Documentation Coordinator
SurveyGizmo Customer Experience Team
— Anna on 05/10/2018
Is it possible to add lines between each item in a slider list?
Admin
— Bri Hillmer on 01/05/2017
@Sean.mcnally: It is not currently possible to add text to the slider values. You could add the percent sign to the right and left labels, though!
I hope this helps!
Bri
Documentation Coordinator
SurveyGizmo Customer Experience Team
— Sean.mcnally on 01/05/2017
Is it possible to show the slider values with some type of unit description? For example, as a percent (0% to 100%).