Welcome to the LimeSurvey Community Forum

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

Slider below subquestion

alexdp
Topic Author
Offline
Junior Member

More

8 years 4 months ago #145641 by alexdp

Slider below subquestion was created by alexdp

Hello to you all,

Using LS 2.06+

I want to use sliders as a mean to answer most of the questions in a satisfaction survey.
I will present one question (subquestion) at the time.
It would be nice if sliders would be available with numeric input questions, but I can manage to use Multiple Numerical Input questions with only one subquestion.

My problem is that I cannot put the slider (with its left and right texts) on one line below the question (subquestion). I played a lot with css and changed display table-cell and row into block and inline. I am sorry to admit that I cannot solve this problem. I probably screwed up the template.css file.

Can someone help me with this?

Click Here for Demo

Regards

The topic has been locked.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

8 years 4 months ago #145648 by DenisChenu

Replied by DenisChenu on topic Slider below subquestion

Hi,

Please : for a test : make a survey with only this question ....

Else , something like this in template.css

Code:

.numeric-multi div.multinum-slider{width:100%;clear:both}

maybe

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

The topic has been locked.

alexdp
Topic Author
Offline
Junior Member

More

8 years 4 months ago #145657 by alexdp

Replied by alexdp on topic Slider below subquestion

Hello,

As requested, here is a link to a test page.

Lien vers page de test

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

8 years 4 months ago #145669 by tpartner

Replied by tpartner on topic Slider below subquestion

Try something like this at the end of template.css:

Code:

.numeric-multi .multinum-slider,
.slider_lefttext,
.slider_righttext {
  float: left;
}
 
.numeric-multi .multinum-slider {
  margin-bottom: 1.5em;
}
 
.slider_lefttext,
.slider_righttext {
  padding-top: 1.5em
}
 
.slider_lefttext {
  padding-right: 1.5em
}
 
.slider_righttext {
  padding-left: 1.5em
}