Welcome, Guest
Username: Password: Remember me

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

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 3 weeks ago #95267

  • Philipppe
  • Philipppe's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 26
  • Thank you received: 1
  • Karma: 0
apprenti wrote:
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 !
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 3 weeks ago #95269

  • apprenti
  • apprenti's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 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.
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 3 weeks ago #95270

  • Philipppe
  • Philipppe's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 26
  • Thank you received: 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.
The administrator has disabled public write access.
The following user(s) said Thank You: apprenti

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95465

  • Philipppe
  • Philipppe's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 26
  • Thank you received: 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.
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95477

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5845
  • Thank you received: 715
  • 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
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95490

  • Philipppe
  • Philipppe's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 26
  • Thank you received: 1
  • Karma: 0
Bonjour, et merci @DenisChenu,DenisChenu wrote:
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 !
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95534

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5845
  • Thank you received: 715
  • 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
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95542

  • Philipppe
  • Philipppe's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 26
  • Thank you received: 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.
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95543

  • Philipppe
  • Philipppe's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 26
  • Thank you received: 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.
The administrator has disabled public write access.

"Habillage" des boutons radio et/ou type de quetion personnalisé 11 months 2 weeks ago #95551

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5845
  • Thank you received: 715
  • 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
The administrator has disabled public write access.
Moderators: Nickko
Time to create page: 0.136 seconds
Donation Image