[Problème] Font awesome et CB. Comment modifier les layouts des champs?

[Mystiroul]

Bonjour,

Je cherche à modifier dans les champs de profil de CB la [value]
Je vais donc dans les paramètres de mon champ en l'occurence "Genre" pour remplacer la valeur "Male" et "Female" par deux icônes.

Dans community builder/ champs/ genre/ paramétres/ Mise en page du profil je place ce code test:

[cb:if cb_gender="Male"]<img src="images/gender_male.png" alt="homme" />[/cb:if]
[cb:if cb_gender="Female"]<img src="images/gender_female.png" alt="Femme" />[/cb:if]

sa fonctionne...

J'ai essayé de faire appel a font awesome pour éviter de télécharger à chaque fois les images et malgré plusieurs recherches rien ne passe. J'avais pensé à ça:

[cb:if cb_gender="Male"]fa fa-mars[/cb:if]
[cb:if cb_gender="Male"]fa fa-venus[/cb:if]

J'ai aussi essayé de placer les tags div.

Quelqu'un aurait-il une suggestion?

[Mystiroul]

Re : Font awesome et CB. Comment modifier les layouts des champs?

Il fallait en faite placer ce code: [icon]xxx[/icon] soit:

[value]
[cb:if cb_genre="Homme"][icon]fa fa-mars[/icon][/cb:if]
[cb:if cb_genre="Femme"][icon]fa fa-venus[/icon][/cb:if]

[Mystiroul]

Re : Font awesome et CB. Comment modifier les layouts des champs?

je me trouve face à un autre problème. J'aimerai créer un cadre autour d'une valeur d'un field que j'ai créé dans field de CB.

Mon field s'appel "cb_mvd_groupes"
je suis allé dans les paramètres de ce fichier puis dans "mise en page du profil" dans la zone de texte j'ai tenté plusieurs solutions pour modifier l'apparence de la valeur. La dernière et la plus logique (du moins d'après moi) est celle-ci:

<div border-width:1px; border-style:solid; border-color:black;>[cb_mvd_groupes]</div>

Malheureusement la valeur apparait bien dans le profil mais sans le cadre.
Je me suis référé à cette aide de joomlapolis:
Je vous avoue que je n'ai pas tout compris, mes connaissances en CSS en sont sans doute pour quelque chose.

Bref si quelqu'un pouvait me mettre sur la voie...
Merci de votre aide ;o)

[Mystiroul]

Re : Font awesome et CB. Comment modifier les layouts des champs?

Finalement ce mono log est très stimulant ! Je sais pas si c'est le fait d'écrire le problème mais sa aide

Bref pour modifier le Layout d'un champs il suffit d'encadrer non pas le nom du champs mais le tag: [value] (arghhh c'était évident !!)
Donc en l'occurence voila ce que cela donne pour mon exemple:

<div style="width: 40%; border: 1px solid black; text-align: center; background: #e7e7e7; border-radius: 10px;"> [value] </div>

J'ai mis 40% pour le width sinon je me retrouve avec l'ensemble de la ligne encadrée. 40% corresponds à ma valeur la plus longue. Existe-t-il un moyen que cet encadrement s'adapte à la longueur de ma valeur laissant par exemple 1 à 2px devant et après la valeur?

Merci de votre aide, sinon je reviens dans 2 jours