Un formulaire Formulus se lit de haut en bas, rangée après rangée. Chaque rangée découpe sa largeur en une, deux ou trois colonnes, et les champs viennent s'y placer.
Les rangées se règlent dans l'onglet Champs, section Les rangées. Le + ajoute une rangée sous la ligne où il est cliqué, le − la retire, la poignée la déplace.
Ce qui se règle dans la ligne
| Réglage | Ce qu'il fait |
|---|---|
| Titre | Facultatif. Affiché au-dessus de la rangée, il regroupe ses champs : « Vos coordonnées », « Votre projet ». |
| Niveau du titre | Automatique, ou H2 à H6. Il n'apparaît que si la rangée a un titre. |
| Colonnes | Une, deux ou trois. |
| Rapport | Le partage de la largeur entre les colonnes : parts égales, 8/4, 4/8, 7/5, 3/6/3... Il n'apparaît qu'à partir de deux colonnes. |
| Fond | Aucun, alterné ou teinté. Sous Corpus, ce sont les fonds de section du template ; ailleurs, une teinte légère de Bootstrap. |
Un titre de rangée est un vrai groupe
Une rangée titrée devient, sur le site, un groupe de champs : un fieldset et sa legend. Un lecteur d'écran annonce « Vos coordonnées » en entrant dans le groupe, et le visiteur sait à quoi se rapportent les champs qui suivent. C'est ce que demande le RGAA pour des champs de même nature.
Le niveau du titre donne son rang dans la hiérarchie de la page, pas sa taille : l'apparence appartient au template. Avec Automatique, le titre reste la légende du groupe, sans balise de titre. Avec H2 à H6, le titre devient un vrai titre, placé dans la légende, et il apparaît dans le plan de la page que parcourent les lecteurs d'écran.
N'employez pas H1 : il n'y en a qu'un par page, et c'est celui du contenu.
Derrière la roue : classe et description
La roue dentée, au bout de la ligne, ouvre les réglages de la rangée dans le bloc Réglages, en bas de la colonne de droite (chapitre Le bloc Réglages et la roue dentée) :
- Classe : un nom pour habiller la rangée dans l'onglet CSS personnalisé ;
- Description : un texte court affiché sous le titre, par exemple « Nous ne transmettons jamais votre numéro ». Il est relié au groupe, et un lecteur d'écran le lit avec le titre.
La pastille violette sur la roue compte les réglages remplis.
Retirer une rangée
Un champ désigne sa rangée par son numéro. Si vous retirez la rangée 2, les champs qui l'occupaient se rangent dans la dernière rangée qui existe, et le bloc Ce qui sortira le montre aussitôt. Vérifiez-le avant d'enregistrer.
À jour pour Formulus 1.0.237.