Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Design issues with sliders

  • slaugh
  • slaugh's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 4 months ago #114578 by slaugh
Design issues with sliders was created by slaugh
Hello,

I have followed this post in order to add ticks to sliders in multiple numerical questions: bseth99.github.io/projects/jquery-ui/7-j...-labeled-slider.html

However, the ticks labels are hidden behind the bar (see the attached screen shot). Would anyone knows how to lower them? How should I modified the code?

Thanks for your help!

Sophie


Attachments:
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 4 months ago #114598 by tpartner
Replied by tpartner on topic Design issues with sliders
Followed which post?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: slaugh
The topic has been locked.
  • slaugh
  • slaugh's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 4 months ago #114599 by slaugh
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 4 months ago #114623 by tpartner
Replied by tpartner on topic Design issues with sliders
Please provide all of the information you can. LS version? Template?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: slaugh
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 4 months ago #114639 by Mazi
Replied by Mazi on topic Design issues with sliders

tpartner wrote: Please provide all of the information you can. LS version? Template?

And please also post a link to an activated sample survey.

Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The following user(s) said Thank You: slaugh
The topic has been locked.
  • slaugh
  • slaugh's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 4 months ago #114659 by slaugh
Replied by slaugh on topic Design issues with sliders
LS 2.05+, basic template

Here a link to an activated sample survey: survey.cirano.qc.ca/index.php/147724/lang-fr
The topic has been locked.
  • slaugh
  • slaugh's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 4 months ago #114674 by slaugh
Replied by slaugh on topic Design issues with sliders
Ok. It works if I use the default template.
I'll stick to it then.
Don't want to waste more of your time.

Thank you!
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 4 months ago - 9 years 4 months ago #114678 by tpartner
Replied by tpartner on topic Design issues with sliders
Try these style rules for the basic template:

Code:
.horizontal .ui-slider-labels {
    left: 0;
    right: 0;
    top: 2.3em;
}
 
.horizontal .ui-slider-label-ticks span {
    display: inline-block;
    margin-left: -3em;
    position: relative;
    top: 0.8em;
}


Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 9 years 4 months ago by tpartner.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose