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

SUJET : "Habillage" des boutons radio et/ou type de quetion personnalisé

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 3 semaines #95267

  • Philipppe
  • Portrait de Philipppe
  • Hors ligne
  • Junior Lime
  • Messages : 26
  • Remerciements reçus 1
  • Karma: 0
apprenti écrit:
Bonjour Philippe,

As-tu trouvé la piste pour le positionnemnt des boutons radios ou des boutons de questions à choix multiples. J'aimerai bien les avoir alignés horizontalement :) !!!

Merci d'avance!!!
J'ai trouvé en partie oui !
Mais je ne comprends pas bien ce que tu veux dire par alignés horizontalement !
A moins que ce ne soit la fonction avancée qui permet de déterminer, question par question, le nombre de colonnes ... en fonction du nombre de réponses ! Alors les boutons radios sont sur une seule ligne au lieu d'être un bouton par ligne et autant de lignes que de réponses !
Exemple : question type choix multiples, tu vas au bas de la page dans les paramètres avancés pour déterminer le nombre de colonnes !
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 3 semaines #95269

  • apprenti
  • Portrait de apprenti
  • Hors ligne
  • Fresh Lemon
  • Messages : 14
  • Karma: 0
Merciiiiiii Philippe :), mon problème est résolu à moitié

Mais les questions à choix multiples reste toujours verticale pour la version imprimable (cad un bouton par ligne) malgré le fait que j'ai modifié le nombre de colonnes dans les paramètres avancés.
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 3 semaines #95270

  • Philipppe
  • Portrait de Philipppe
  • Hors ligne
  • Junior Lime
  • Messages : 26
  • Remerciements reçus 1
  • Karma: 0
Ha pour la version imprimable ... je suis hors course !
Mais tu devrais trouver en lisant la doc sur ce point précis je pense !

Je suis preneur quand tu auras l'info.
L'administrateur a désactivé l'accès en écriture pour le public.
Cet utilisateur a été remercié pour son message par: apprenti

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95465

  • Philipppe
  • Portrait de Philipppe
  • Hors ligne
  • Junior Lime
  • Messages : 26
  • Remerciements reçus 1
  • Karma: 0
Me revoilà, avec la suite de mon besoin d'aide pour personnaliser mes boutons.

J'ai donc trouvé comment intégrer mes "boutonsImages" comme étiquettes dans une question à choix multiples que j'ai présenté en trois colonnes ..., et voilà le résultat provisoire et afficher la question 1 !

Maintenant, j'ai besoin que les "boutonsImages" soient les boutons de réponses eux-mêmes, sur lesquelles les personnes sondées pourront cliquer pour répondre.

J'ai lu et testé pas mal depuis quelques jours, et trouvé en particulier ce post.
Pour intégrer la solution proposée, faut-il que je crée un plugin dans limeSurvey 2 ou y a-t-il une solution plus "directe"? sachant que je vais avoir une cinquantaine de boutons différents, de 6 formes différentes à intégrer dans des questions de type "tableau à choix multiples".
Merci de votre aide.
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95477

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 5840
  • Remerciements reçus 714
  • Karma: 222
Salut,

Tes boutons sont les labels: donc cliquer sur les boutons modifie les input.

Sinon, pas de plugin LimeSurvey : du jquery serait suffisant. Voir surtout la doc de jquery plus que celle de LimeSurvey.

Denis
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95490

  • Philipppe
  • Portrait de Philipppe
  • Hors ligne
  • Junior Lime
  • Messages : 26
  • Remerciements reçus 1
  • Karma: 0
Bonjour, et merci @DenisChenu,DenisChenu écrit:
Salut,
Tes boutons sont les labels: donc cliquer sur les boutons modifie les input.
Oui, mais pour l'instant, il y a les boutons et à côté mes "images". Comment rendre "bouton" une des images ?
... Sinon, pas de plugin LimeSurvey : du jquery serait suffisant. Voir surtout la doc de jquery plus que celle de LimeSurvey.
jquery pour récupérer le clic donc si je comprends bien ?
Et le lien entre le "boutonImage" et la base de données va se faire automatiquement ?

Merci de confirmer ou infirmer !
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95534

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 5840
  • Remerciements reçus 714
  • Karma: 222
Salut,

Pour les boutons en images: en fait pas ce réel besoin: si tu masque les boutons, cela devrait suffire:
ligne jquery:
$("#question"+QID+" input.checkbox").hide();

Par contre ; le problème est que l'utilisateur ne sauras pas si le bouton est coché ou non.
La possibilité:
Ajouter 2 images avec des classes différentes pour les labels:
<img class="checked" src="acupuncture-checked.png" /><img class="unchecked" src="acupuncture-unchecked.png" /><span class="hide">Acupuncture</span>

Dans le code css:
label img.checked{display:none}
label.check img.checked{display:inline}
label.check img.unckecked{display:none}

Et en javascript/jquery:
$("#question"+QID+" label").click(function(){
var thisinput=$(this).attr('for');
if($("#"+thisinput).is(':checked')){
$(this).addClass("check");
}else{
$(this).remooveClass("check");
}
});
Cela reste sans doute à améliorer mais la base est là.

Denis
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95542

  • Philipppe
  • Portrait de Philipppe
  • Hors ligne
  • Junior Lime
  • Messages : 26
  • Remerciements reçus 1
  • Karma: 0
@DenisChenu, un grand merci de ces indications : tu me donnes les pistes justes pour savoir où et comment intervenir dans le code pour approcher le résultat que je souhaite = rendre le questionnaire plus attractif à remplir.
Je reviendrais poster un lien vers le résultat dès que ce sera prêt.
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95543

  • Philipppe
  • Portrait de Philipppe
  • Hors ligne
  • Junior Lime
  • Messages : 26
  • Remerciements reçus 1
  • Karma: 0
@DenisChenu, je reviens à propos de la façon d'intégrer les différents éléments de code :

Pour les "boutonsImages", je penses qu'il faut modifier les labels !

Mais où inclure les morceaux de code ?
- dans le template.css et les ?.js de mon modèle ?
- dans un fichier propre à chaque question ?

merci de tes réponses.
L'administrateur a désactivé l'accès en écriture pour le public.

"Habillage" des boutons radio et/ou type de quetion personnalisé il y a 11 mois 2 semaines #95551

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 5840
  • Remerciements reçus 714
  • Karma: 222
En fait, ça dépend ;).

Pour les labels : directement par question.

$("#question"+QID+" input.checkbox").hide(); je dirais bien par question, puisque peut être spécifique à une question (si tu n'as pas d'image .... boum)

$("#question"+QID+" label").click(function(){
//Blah blah
});
Peut être remplacé "#question"+QID+" par la classe de la question multiple. SI la classe n'est pas utilisée, ca ne mange pas de pain. Donc dans template.js en remplaçant "#question"+QID+"

Le CSS obligatoirement dans template.css
L'administrateur a désactivé l'accès en écriture pour le public.
Modérateurs: Nickko
Temps de génération de la page : 0.164 secondes
Donation Image