Version 4 — Avril 2010 — denisb
- exemples de création de boutons radio radios et de menus select
- autres saisies
- CSS : mettre 2 saisies côte-à-côte côte à côté
La doc n’indique pas comment créer les options des select ou les différents boutons 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 appel appels aux « " selecteurs » " définis dans BONUX et font un ample usage d’ajax de ajax pour faciliter la sélection, par navigation arborescente dans les rubriques par exemple.
côte à côte
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 squelettes squelette , qui contiendra les nouvelles valeurs.
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.css :
.formulaire_identite .editer {
float: left;
}
.formulaire_identite .editer_prenom {
clear: left;
}
.formulaire_identite .editer_nom {
clear: right;
margin-left: 10px;
}