Version 3 — 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.
Par défaut, des SAISIES successives sont affichées les unes sous les autres. (propriété clear:both sur les <li> définie dans habillage.css).
Pour faire apparaître une saisie à droite d’une autre, sur la même ligne, il faut surcharger les propriétés CSS de manière à corriger les valeurs définies dans habillage.css
Pour cela on créera un fichier perso.css dans le dossier squelette, qui contiendra les nouvelles valeurs.
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.
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 suffit de mettre dans perso . faut ajouter : css : Il faut donc recopier localement tout le fichier habillage .
.formulaire_identite ul {
clear: both;
}
.formulaire_identite .editer {
float: left;
}
/* à gauche : */
.formulaire_identite .editer_prenom {
clear: left;
}
/* à droite : */
.formulaire_identite formulaire_indentite .editer_nom {
clear: right;
margin-left: 10px;
}