Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi

SUJET : tweaking slider with multiple numerical input

tweaking slider with multiple numerical input il y a 7 mois 1 jour #104366

  • Csurvey
  • Portrait de Csurvey
  • Hors ligne
  • Fresh Lemon
  • Messages : 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
Dernière édition: il y a 7 mois 1 jour par Csurvey. Raison: mistake
L'administrateur a désactivé l'accès en écriture pour le public.

tweaking slider with multiple numerical input il y a 7 mois 1 jour #104372

  • holch
  • Portrait de holch
  • Hors ligne
  • LimeSurvey Team
  • Messages : 2640
  • Remerciements reçus 313
  • Karma: 115
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!
L'administrateur a désactivé l'accès en écriture pour le public.

tweaking slider with multiple numerical input il y a 7 mois 8 heures #104379

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 6276
  • Remerciements reçus 801
  • Karma: 241
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
L'administrateur a désactivé l'accès en écriture pour le public.

tweaking slider with multiple numerical input il y a 7 mois 7 heures #104382

  • Csurvey
  • Portrait de Csurvey
  • Hors ligne
  • Fresh Lemon
  • Messages : 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
L'administrateur a désactivé l'accès en écriture pour le public.
Modérateurs: ITEd
Temps de génération de la page : 0.182 secondes
Donation Image