Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: tweaking slider with multiple numerical input

tweaking slider with multiple numerical input 2 Monate 2 Wochen her #104366

  • Csurvey
  • Csurveys Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 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
Letzte Änderung: 2 Monate 2 Wochen her von Csurvey. Begründung: mistake
Der Administrator hat öffentliche Schreibrechte deaktiviert.

tweaking slider with multiple numerical input 2 Monate 2 Wochen her #104372

  • holch
  • holchs Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 2444
  • Dank erhalten: 254
  • Karma: 94
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!
Der Administrator hat öffentliche Schreibrechte deaktiviert.

tweaking slider with multiple numerical input 2 Monate 2 Wochen her #104379

  • DenisChenu
  • DenisChenus Avatar
  • ONLINE
  • Moderator Lime
  • Beiträge: 5850
  • Dank erhalten: 716
  • Karma: 222
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
Der Administrator hat öffentliche Schreibrechte deaktiviert.

tweaking slider with multiple numerical input 2 Monate 2 Wochen her #104382

  • Csurvey
  • Csurveys Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 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
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.187 Sekunden
Donation Image