Welcome, Guest
Username: Password: Remember me

TOPIC: slider - making it wider

slider - making it wider 2 years 8 months ago #70823

  • AlexiaK
  • AlexiaK's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 9
  • Karma: 0
Hello all, my survey has some questions with sliders. As the range of values is large, I was wondering if the slider could be displayed across the page (i.e. below the question), instead of the the right of the question limiting its space. Is this possible?
The administrator has disabled public write access.

Re: slider - making it wider 2 years 8 months ago #70835

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4141
  • Thank you received: 767
  • Karma: 349
Add something like this to the end of template.css (these styles are for the default template and may need to be modified for other templates).
.numeric-multi ul {
	width: 90%;
}
 
.numeric-multi li {
	width: 100%;
}
 
.numeric-multi label {
    float: left;
	display: block;
}
 
.numeric-multi div.multinum-slider {
	width: 100%;
}
 
.ui-slider-horizontal {
	width: 100%;
}

Capture_2011-12-12.PNG
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: slider - making it wider 2 years 8 months ago #70836

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4141
  • Thank you received: 767
  • Karma: 349
Note that the above styles will affect all multi-numeric questions using that template.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
Last Edit: 2 years 8 months ago by tpartner.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.125 seconds
Donation Image