Version 2 — Avril 2010 — JLuc
- exemples de création de boutons radios et de menus select
- autres saisies
- CSS : mettre 2 saisies côte à côté
La doc n’indique pas comment créer les options des select ou les différents bouton radio d’un ensemble,
mais le log ainsi que les fichiers sources donnent des exemples :
Pour les saisies « boutons radio »
[(#SAISIE{radio, afficher_liste,
label=<:plugin:afficher_liste:>,
explication=<:plugin:explication_afficher_liste:>,
datas=#ARRAY{
cle1,valeur1,
cle2,valeur2,
cle3,valeur3}})]
[(#SAISIE{radio,maintenance}
{label=Durée de maintenance}
{defaut=12}
{datas=#ARRAY{
12,12 mois,
24,24 mois,
36,36 mois,
}})]Pour les saisies « select »
[(#SAISIE{selection,maintenance}
{label=Durée de maintenance}
{option_intro=Sélectionnez la durée de maintenance}
{defaut=12}
{datas=#ARRAY{
12,12 mois,
24,24 mois,
36,36 mois,
}})]Il y a moultes saisies dans le plugin, fort utiles dans certains cas :
- choix d’un n° d’article original (qui n’est pas une traduction)
- choix d’une rubrique existante
- choix de la langue
- choix d’un article à l’intérieur d’une rubrique
- choix d’un secteur
_...
Certains font appels aux « selecteurs » définis dans BONUX et font ample usage de ajax pour faciliter la sélection, par navigation arborescente dans les rubriques par exemple.
Je n’ai pas réussi à mettre 2 saisies côte à côte SANS recopier localement TOUT le habillage.css pour le surcharger ; Même en mettant les styles inline dans le formulaire.html qui appelle les saisies.
Il faut donc recopier localement tout le fichier habillage.css et ajouter à la fin de ce fichier les propriétés ad hoc qui surchargent les valeurs spécifiées plus haut.
Par exemple, pour un formulaire ’identite’ qui comporte une #saisieinput, prenom immédiatement suivi d’une #saisieinput, nom, pour que le nom apparaisse à droite du prénom, il faut ajouter :
.formulaire_identite ul {
clear: both;
}
.formulaire_identite .editer {
float: left;
}
/* à gauche : */
.formulaire_identite .editer_prenom {
clear: left;
}
/* à droite : */
.formulaire_indentite .editer_nom {
clear: right;
margin-left: 10px;
}