Welcome to the LimeSurvey Community Forum

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

Design issues with sliders

slaugh
Topic Author
Offline
New Member

More

10 years 2 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:

Untitled.png

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

10 years 2 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
Topic Author
Offline
New Member

More

10 years 2 months ago #114599 by slaugh

Replied by slaugh on topic Design issues with sliders

This post: www.limesurvey.org/en/community-services...s-this-type-question

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

10 years 2 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
Offline
LimeSurvey Community Team

More

10 years 2 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

The following user(s) said Thank You: slaugh

The topic has been locked.

slaugh
Topic Author
Offline
New Member

More

10 years 2 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
Topic Author
Offline
New Member

More

10 years 2 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
Offline
LimeSurvey Community Team

More

10 years 2 months ago - 10 years 2 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;
}