Welcome, Guest
Username: Password: Remember me

TOPIC: tweaking slider with multiple numerical input

tweaking slider with multiple numerical input 7 months 2 weeks ago #104366

  • Csurvey
  • Csurvey's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 2
  • Karma: 0
Hello everybody,

I am working with Ls 2.05 plus and want to tweak Visual Analogic Scales.

I want to tweak  :

 -the length of the slider so that the slide is about a fixed %  of the screen.

-That my slider measures from a 0 to 10 with a precision of 0,01 (i have tried this input but it is not operating)

 -the text at each side of the sliders, like putting   BAD---GOOD

  BAD
I
GOOD and putting a caption above (like "feelings")

 -disabling the cursor position numerical entry , i mean i don't want that the value be visible above the cursor to blind the process

 -to have  no cursor at the load of the page to diminish anchoring effects, i mean that the cursor be visible only when you click the mouse on the slider.

I just at first put  several separated multiple numerical entry with a slider to be able to write above each slider (and not one with several entry).

Could you help me with the CSS i have to edit to do that sort of things ?
Thanks a lot,
Best,
C
Last Edit: 7 months 2 weeks ago by Csurvey. Reason: mistake
The administrator has disabled public write access.

tweaking slider with multiple numerical input 7 months 2 weeks ago #104372

  • holch
  • holch's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 2663
  • Thank you received: 318
  • Karma: 119
I think those sliders come from a Javascript library and are not just simple CSS. I am not sure if you can adapt them to your needs very easy.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

tweaking slider with multiple numerical input 7 months 2 weeks ago #104379

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6317
  • Thank you received: 810
  • Karma: 242
Hi,

1st : "That my slider measures from a 0 to 10 with a precision of 0,01" : It can be made in advanced setting , but remind: 0.01 not 0,01 (dot). (Slider minimum value: 1 and Slider maximum value: 10 and Slider accuracy: 0.01 )
2nd: "the text at each side of the sliders, like putting BAD---GOOD" Try to put The sub question|BAD|GOOD and Slider left/right text separator to |

For the other : i think we can do a lot in CSS (template.css):
.ui-slider{width:100%;display:block}
.slider_callout{display:none}

For don't display the cursor at start, surely be possible. Please have a look at:
- Our manual (1st and 2nd are on our manual ....)
- Jquery and jquery-ui documentation
- Css documentation.

Denis
The administrator has disabled public write access.

tweaking slider with multiple numerical input 7 months 2 weeks ago #104382

  • Csurvey
  • Csurvey's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 2
  • Karma: 0
Hi Holch and Denis,
many many thanks, i will try all that and report it here in a near future.
best,
Chris
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.159 seconds
Donation Image