Liste avec des images

[carabao]

bonjour

Est-il possible d'insérer des images dans une liste ?

j'ai fais un dessin pour expliquer mon idée.




Est-ce possible ? La troisième solution étant ma préférée.


Merci

[Eddy.vh]

Bonjour,

Tu parles d'un select de formulaire ?

[carabao]

Heu, qu'entends-tu par unselect ?

Disons au lieu d'avoir dans le liste

Le texte "1 étoile", il y aurait le dessin de l'étoile et même chose pour la valeur.
Ou alors dans contenbuilder il faudrait la conversion inverse valeur: "1 étoile" transformée à l'affichage par le dessin de l'étoile


breezingforms --> valeur: 1 étoile --> contenbuilder --> valeur: le dessin de l'étoile à l'affichage.

[Eddy.vh]

Dans le formulaire, je ne sais pas. Ça semble possible mais pas simple.
dans la vue CB, tu pourrais utiliser rereplacer pour remplacer un terme précis par autre chose.

[carabao]

Donc, la vue contenbuilder reçoit la valeur "1 étoile" et à l'affichage la transforme par un dessin "1 étoile" par exemple grâce à rereplacer, si j'ai bien compris

Tu parles de cela: https://extensions.joomla.org/extension/rereplacer/ ?

[Eddy.vh]

C'est bien ça.
Tu utilises p.ex le terme "une_etoile" que rereplacer remplace par le code du caractère étoile de font awesome ou similaire.

Jessayerai de te faire un exemple demain si j'en ai le temps.

[carabao]

Je viens d'essayer sans trop de succès

si dans un article, cela fonctionne mais avec ma vue dans contenbuilder, ce n'est pas le cas. il m'affiche 3 étoiles (c'est le contenu du champ classement)

1;veuillez effectuer un choix;
0;1 étoile;1 étoile
0;2 étoiles;2 étoiles
0;3 étoiles;3 étoiles
0;4 étoiles;4 étoiles
0;5 étoiles;5 étoiles
0;1 épi;1 épi
0;2 épis;2 épis
0;3 épis;3 épis

[Eddy.vh]

Bonjour.

As-tu, dans le paramètre de ton rechercher / remplacé, indiqué qu'il doit opérer partout ? Voir capture jointe
Tu peux également tester le remplacement dans les édition de formulaires afin de voir si ça le fait.

[Eddy.vh]

J'ai fait quelques tests sans plus de succès au niveau du formulaire, le remplacement vide les options de la liste.

[lomart]

Bonjour,

On est limité par les possibilités du select qui n'accepte pas de HTML.
On peut styler avec du CSS en utilisant value ou un autre attribut comme sélecteur : select.hit option[value="1"] {color:red}
Peut-être qu'avec un before il est possible d'ajouter des fonticons devant ?

Sinon, il faut ajouter du JS : https://www.jqueryscript.net/form/Se...tomSelect.html

[carabao]

merci à vous deux


dans recherche, j'ai mis
1 étoile,2 étoiles,3 étoiles,4 étoiles,5 étoiles

dans remplacer, j'ai mis
<i class="fas fa-star">,
<i class="fas fa-star"></i> <i class="fas fa-star"></i>,
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>,
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>


Je suis dans le bon ?

[Eddy.vh]

Bonjour Loic.

J'ai lu que les options accepteraient le code de l'icône Font Awesome sous sa forme &#f005 (je ne suis plus sur de la syntaxe)

J'ai aussi pensé au css mais pour tester j'ai besoin de temps que je n'ai pas suffisamment en semaine. Je verrai ça ce weekend si rien ne met en travers de mon chemin.

[Eddy.vh]

merci à vous deux


dans recherche, j'ai mis
1 étoile,2 étoiles,3 étoiles,4 étoiles,5 étoiles

dans remplacer, j'ai mis
<i class="fas fa-star">,
<i class="fas fa-star"></i> <i class="fas fa-star"></i>,
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>,
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>


Je suis dans le bon ?

J'ai testé ça aussi sans succès.

[lomart]

Bonjour,

Une solution simple pour des étoiles qui marche partout : les caractères unicodes

Le code :

<select>
<option value="">sélectionner une valeur</option>
<option value="4">&#x2B50; 1 étoile</option>
<option value="4">&#x2B50;&#x2B50; 2 étoiles</option>
<option value="4">&#x2B50;&#x2B50;&#x2B50; 3 étoiles</option>
</select>

Vous pouvez utiliser cette page pour les trouver et savoir comment les utiliser

[Eddy.vh]

Bonjour Loic.

Dans un formulaire BF, les options des listes sont construites comme ceci :

0;option 1;value1
0;option 2;value2

Le point virgule ne peut donc pas y être inséré en tant que texte.
Je vais vois avec Markus Bopp ce qu'on peut éventuellement faire.