Questions sur Champs personnalisés utilisateurs

[jps0302]

Bonjour

1 - J'ai tenté d'intégrer du HTML, dans la valeur par défaut d'un champ en positionnant le Filtre à SAFE HTML
Résultat --> le code HTML est ignoré
Comment faire ?

2 - J'ai tenté d'associer une classe CSS à un champs en renseignant la classe du Champ dans l'onglet Paramètres
Résultat --> la classe est ignorée
Comment faire ?

Décidément ...

Merci de vos aides sur les sujets

Cdlt

[woluweb]

Bonjour,

Pour 1/, avez-vous essayé de mettre "no filter", juste pour être sûr ?

Concernant 2/, une classe dans quel champ ?
Si c'est pour le rendu, c'est pris en compte quand on utilise le {monchamp} dans un article, mais pas si on fait un override (pcq si on fait un override, on a le full contrôle sur le rendu de toute façon)

[lefabdu51]

bonjour,
1) safe html : le html est filté de manière stricte pour éviter les attaques xss.A définir sur un filtre plus adapté..
2) la classe est dans les paramètres du champ ? apparaît elle dans le code html ou pas du tout?

[jps0302]

Bonjour

Pour le point 1 :
J'ai testé toutes les options de la dropdown Filtre, mais aucune ne permet l’interprétation du code HTML

Point 2 :
J'ai ajouté la ligne dans le custom.css : h2 { font-size: 50px; color: #ff6600 !important;}

J'ai fait appel à la classe h2 comme l'indique la copie écran jointe


Vos avis ?

[woluweb]

Bonjour,

J'ai un peu investigué pour vous... et on en apprend tous les jours ! Je n'avais jamais fait attention qu'il y avait maintenant encore plus d'options pour les classes du Label et du Champ/Field.

1/ filtre

Si je mets le filtre (au niveau de la configuration du champ p ex) sur Raw ou sur Safe HTML, je peux taper mon HTML moi-même à la main dans le champ... et il n'est pas effacé lors de la sauvegarde :


A noter que pour un utilisateur final, ce serait plus facile d'avoir un champ Editeur (à moins qu'il ne s'y connaisse en html pour l'écrire à la mano).

2/ css

Pour commencer, je vous inviter à aller jeter un oeil sur cet article

https://cinnk.com/magazine/juillet-2017/960-custom-fields-bonus

Dans cet exemple, dans "Form Options" (càd ce qui va être appliqué lorsqu'on *édite* les custom fields), je mets
Field Class : input-xlarge (ça fait un champ texte plus large)

Label Class : well (ça met le contenu dans un cadre avec fond gris)
NB : volontairement, je mets ici des classes qui sont déjà disponibles dans Joomla, sans devoir les ajouter dans le user.css du Template backend Isis


Résultat : lors de l'édition dans l'administration, je vois effectivement que le Label est dans un encadré gris... et que le champ est plus large que les autres :


En fait, je suppose que ce que vous vouliez faire, ce n'était pas tant changer l'apparence lors de l'édition, mais surtout changer l'apparence sur le site même ?
Dans ce cas, c'est dans Render Options > Render Class que vous allez pouvoir mettre la classe souhaitée.
Exemple :

qui donne ceci en front-end :


Et voilà !

[jps0302]

Bonjour

Merci pour cette réponse détaillée.

En préliminaire, j'aurais dû vous dire que je parlais de champs personnalisés utilisateurs et non pas de champs personnalisés articles.
Je ne sais pas si cela change quelque-chose, mais je préférais vous l'indiquer.

J'aurai dû vous dire que mon besoin était d'afficher un message et de lui coller une classe css, sur le formulaire de création de compte pour aider l'utilisateur dans les choix multiples d'une dropdown.
Je sais qu'on peut utiliser le champ description pour fournir de l'aide, mais mon club de foot souhaite un message permanent et non pas au passage de la souris.

Ceci dit, j'ai refait des tests et je constate :

1 - sur un champ de type textarea si je fournis du code html dans le champ 'valeur par défaut', le code html n'est pas interprété, quelque-soit le filtre utilisé (text, safe html, ....)

2 - si je colle une ou plusieurs classes css, sur le label et sur le champ, cela fonctionne très bien ( voir message aide au choix multiple --> https://football.cabeglais.fr/connex...w=registration).

Voilà , seul le point 1 est en suspend, car je n'arrive pas à intégrer le code html, dans le champ 'valeur par défaut'

Votre avis ?

merci

[lefabdu51]

la classe h2 ? la tu commet une erreur. C'est un sélécteur et non une classe. de plus ta classe devrais etre .h2 .....

[jps0302]

Le problème de l'affectation d'un classe à un champ personnalisé est réglé; Cela fonctionne bien en affectant une classe à un champ dans l'onglet paramètre de celui-ci...

2 - si je colle une ou plusieurs classes css, sur le label et sur le champ, cela fonctionne très bien ( voir message aide au choix multiple --> https://football.cabeglais.fr/connex...w=registration).

Reste le problème du code html dans la valeur par défaut du champ qui ne fonctionne pas chez moi ...

[woluweb]

OK, avec un champ texte, si on met le filtre sur Raw ou Safe HTML, ce que l'utiliateur va saisir pourra contenir du HTML
Et sur un champ Texte, on peut bien sûr mettre un "placeholder" qui apparaît en grisé pour faire un commentaire ou une suggestion de réponse dans le champ même

Mais là maintenant je réalise que vous parlez de Liste ?
Si c'est un menu déroulant (dropdown), vous pouvez donner des valeurs aux options, mais pas les mettre en forme.
Et la valeur par défaut doit forcément être une des valeurs proposées dans la liste

[jps0302]

../..
En fait ,je cherche un type de champ sur lequel, je pourrais mettre une valeur par défaut en code html, qui servirai de commentaire ou de consigne à la saisie.

Voici ce que j'avais fait pour publier un commentaire dans le formulaire de création de compte :


mais cela ne fonctionne pas, le code html n'est pas interprété...

[dolmenhir]

Salut,

Bon, j'arrive quelques jours après, mais comme ce sujet n'est pas [réglé] j'y vais de mon conseil.

Je pense que les champs personnalisés ne sont pas faits pour ça, surtout en mode édition (d'un article ou d'un profil).
Ils sont faits pour que, en mode édition, il y ait une interaction, comme dans tout formulaire qui se respecte.

Si tu veux insérer un conseil, un guide, une aide... tu peux faire ça très facilement grâce aux CSS, en "jouant" avec du ":before" ou ":after" par exemple.
C'est, de mon point de vue, beaucoup + simple, + propre, et + sûr que d'aller trifouiller dans des options et fonctionnalités qui ne sont pas conçues pour ça.

En poussant le bouchon plus loin, tu peux te faire une librairie de conseils et messages en tout genre que tu injectes à souhait partout où tu le jugeras utile, et dont la gestion sera simple et centralisée.

Dol.

[woluweb]

Pour compléter dolmenhir , on peut aussi mettre une Description à un Groupe de Champ, auquel cas il y aura un texte dans un "badge" avant les champs de ce groupe, ce qui peut être une solution aussi...