couleur dans seblod

[bailaor]

bonjour,
je souhaiterais mettre en couleur dans le contenu selon l'état de la réponse, je m'explique :
j'ai créé un formulaire avec par exemple une question où l'on doit répondre oui ou non, j'aimerais au final que la réponse soit en verte si oui ou rouge si non.
comment puis-je faire ?

merci

[bailaor]

Re : couleur dans seblod

personne ?

[lucvillalba]

Re : couleur dans seblod

Tu peut mettre une classe sur tes champs pour les définir en css.

[bailaor]

Re : couleur dans seblod

ok, mais comment fait-on ?
je comptais mettre une condition :
ce champs à la classe css met après je ne sais pas quoi mettre

merci

[lucvillalba]

Re : couleur dans seblod

Tu vas dans ton formulaire sur la vue qui t'interesse (site ou administration)

Sur la droite : onglet N°5

Tu cliques sur "ajouter un état conditionnel" sur le champ voulu

Puis tu crées les conditions suivantes

ce champ "a la classe css" vert quand "ton champ" = "Oui"
ce champ "a la classe css" rouge quand "ton champ" = "Non"

Ensuite tu vérifies bien avec "click droit --> Inspecter l'élément" que ton champ a bien pris la classe que tu lui as indiqué suivant la réponse fournie.

Si c'est bon, il te suffit de mettre ça dans le css de ton template:

.vert{
color:#00ff00;
}
.rouge{
color:#ff0000;
}

[bailaor]

Re : couleur dans seblod

bonjour, cela fonctionne mais pas comme je veux
la couleur s'affiche au moment de la réponse, moi ce que j'aimerais c'est que cela s'affiche dans le contenu, au moment où l'on va lire l'article

merci

[lucvillalba]

Re : couleur dans seblod

C'est plus simple.

Dans la vue contenue ton champ, tu cliques sur l'onglet N°3 et tu lui met une typo HTML

Tu n'as plus qu'à coller ce code:

<div class="*value*">*value*</div>

Donc si le champ retourne Oui, la classe sera Oui... Pareil pour le Non.

Tu n'as plus qu'à mettre en forme (couleurs) avec ton css

div.Oui{
color:#00ff00;
}
div.Non{
color:#ff0000;
}

[bailaor]

Re : couleur dans seblod

merci
cela fonctionne

[bailaor]

Re : couleur dans seblod

désolé mais j'ai un soucis,

j'ai fait pareil mais pour d'autre termes : terminé, pas commencé, en cours mais ça ne change pas de couleur :
}
div.Pas commencé{
color:#ff0000;
}

[jisse03]

Re : couleur dans seblod

Bonjour,

Les espaces dans le CSS sont des séparateurs, et ne peuvent exister de cette manière ni contenir de caractères spéciaux.
div.PasCommence est légal et valide
div.Pas Commence est illégal, l'espace ne permet pas d ereconnaître la classe
div.PasCommencé est illégal, le é est un caractère spécial.

[bailaor]

Re : couleur dans seblod

ok
mais comment je fais
j'ai mis :
div.PasCommence{
color:#ff0000;
}
div.Termine{
color:#ff0000;
}
div.EnCours{
color:#ff0000;
}
mais cela ne fonctionne pas

[lucvillalba]

Re : couleur dans seblod

Tu es sûr que tu as renommé les options de tes champs sans accents ni espaces?

[bailaor]

Re : couleur dans seblod

je ne les ai pas modifié, car cela va apparaître : PasCommence, EnCours...
et je veux que cela soit : pas commencé, en cours....

[lucvillalba]

Re : couleur dans seblod

C'est bien ça le problème...

Pour le Oui ou le Non, il n'y a pas de problème car pas d'espace.

Ce que tu peut essayer :
-Rajouter dans le template seblod concerné la classe en appelant le champ voulu. Tu peut le mettre dans une variable que tu formattes. Puis tu affiches cette variable formattée au niveau de la classe. Tu peut appeller ton champ directement dans ton template Seblod avec $cck->get('ton_champ')->value
-2ème solution plus simple mais moins propre: Si ta classe est "Pas commencé", tu peut définir tes css sur la classe "pas". Idem pour "En cours" tu peut l'apeller par "cours" ou "En"

Ce qui donnerait le css suivant:

div.Pas{
color:#ff0000;
}
div.En{
color:#ff0000;
}

Cette technique ne fonctionnera pas pour "Terminé" où tu as un seul mot contenant un accent.

[bailaor]

Re : couleur dans seblod

parfait, j'ai opté pour la 2ème solution
un grand merci