Choix de couleur

“Choix de couleur” est une extension du plugin saisies, proposant un nouveau type de saisie : choisir entre plusieurs couleurs prédéfinies.

Installation

Le plugin nécessite évidement le plugin Saisies et s’installe comme n’importe quel plugin.

Choix parmi des couleurs (0.7.3)

Fonctionnalité

La nouvelle saisie propose un choix de couleur sous forme de boutons radio, comprenant :
-  un carré de la couleur.
-  un nom associé à la couleur.

Exemple de choix de couleur
Exemple de choix de couleur

Utilisation de #SAISIE

Dans le tableau de l’article “Référence des saisies” la saisie “choix de couleurs” est une saisie de type “radio”.

Un peut donc insérer une balise #SAISIE ayant toutes les options d’une saisie de type “radio”. Par exemple :

#SAISIE{choix_couleur, choix_couleur, label=Choisissez votre couleur, datas=#ARRAY{
Clef1,Label1,
Clef2,Label2,
ClefN,LabelN}}

Les clefs du tableau sont des codes couleur. Exprimé :
-  soit sous la forme de code couleur HTML/CSS sans le dièse qui précède. Exemple : f2f2f2.
-  sous sous la forme d’un nombre, précédé de lambda. Ce nombre correspond à la longueur d’onde dans le vide de la couleur, exprimé en nanomètres. Par exemple : lambda550. Cette longueur est ensuite convertie en code couleur HTML/CSS [1].

Utilisation avec Formidable

Si vous utilisez Formidable, vous disposez d’une nouvelle entrée “Choix parmi des couleurs”.

Dans la configuration du champ, dans “Liste des choix possibles”, vous pouvez insérer vos choix sous la forme :

Cle1|Label1
Cle2|Label2
CleN|LabelN

Le formatage des clefs est expliqué ci-dessus.

Utilisation d'une entré “Choix de couleur” avec Formidable
Utilisation d’une entré “Choix de couleur” avec Formidable

updated on 16 March 2019

Discussion

Une discussion

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom