Chaque ligne de la section Les champs est un champ personnalisé de Joomla. Formulus ne réinvente ni les types, ni les réglages, ni la validation : il les range et les dessine. Vous pouvez donc retrouver chaque champ dans Formulus → Champs, avec tous les réglages de Joomla.
Ajouter un champ
Colonne de droite, bloc Ajouter un champ : cliquez une vignette, le champ s'ajoute à la fin de la liste, juste avant le bouton d'envoi. Sa ligne est mise en évidence pour que vous la trouviez tout de suite.
Les dix-sept types
| Type | À quoi il sert |
|---|---|
| Texte | Une ligne libre : nom, société, ville. |
| Une adresse, vérifiée à l'envoi. Le clavier du téléphone propose l'arobase. | |
| Téléphone | Un numéro, gardé tel qu'il a été saisi. Le clavier du téléphone est celui des chiffres. |
| Zone de texte | Un message sur plusieurs lignes. |
| Liste | Un choix dans une liste déroulante. |
| Boutons radio | Un seul choix, toutes les options sous les yeux. |
| Cases à cocher | Plusieurs choix possibles. |
| Date | Une date, avec le calendrier de Joomla. Elle s'écrit en toutes lettres dans le mail. |
| Nombre | Un nombre, avec les flèches du navigateur. |
| Adresse web | Un lien, vérifié à l'envoi. |
| Fichier | Un document joint (chapitre Les fichiers joints). |
| Consentement | La case « J'accepte que mes données soient utilisées... ». |
| Acceptation des CGV | La case des conditions générales, avec le lien vers leur page. |
| Titre de section | Un intertitre à l'intérieur d'une rangée. |
| Texte d'aide | Un paragraphe d'explication, sans saisie. |
| Séparateur | Un trait horizontal. |
| Bouton d'envoi | Le bouton, avec son libellé : « Envoyer », « Demander un devis ». Un seul par formulaire. |
Ce qui se règle dans la ligne
| Réglage | Ce qu'il fait |
|---|---|
| Champ | Le type. |
| Libellé | Le texte au-dessus du champ, celui que le visiteur lit et qu'un lecteur d'écran annonce. |
| Rangée | Le numéro de la rangée où il se place. |
| Colonne | Gauche, centre ou droite. N'apparaît que si la rangée a plusieurs colonnes. |
| Largeur | Pleine, 2/3, 1/2, 1/3, 1/4 de la colonne. Deux moitiés qui se suivent se posent côte à côte. |
| Étoile | Le champ est obligatoire. |
| Œil | Le champ est affiché. Un œil barré le retire du site sans le supprimer. |
| Roue | Les réglages du champ (chapitre suivant). |
La colonne n'est pas un alignement. Pour mettre deux champs côte à côte dans une même colonne, donnez-leur une largeur de 1/2 : ils se suivent dans la liste et se partagent la ligne. L'ordre de la liste reste l'ordre de lecture, au clavier comme à l'écran.
Sur téléphone, tout repasse en pleine largeur, dans l'ordre de la liste.
Les choix d'une liste
Une liste, des boutons radio ou des cases à cocher ouvrent, sous leur ligne, la section Les choix : un texte affiché par ligne, et une valeur facultative. Sans valeur, c'est le texte qui est enregistré ; donnez une valeur quand vous voulez un code court dans les exports (site-web plutôt que « Création de site web »).
Une liste commence par « Choisissez ». Sur le site, une liste déroulante à choix unique s'ouvre sur cette ligne vide, et non sur son premier choix. Si la liste est obligatoire, le formulaire refuse l'envoi tant que le visiteur n'a rien choisi, et le lui dit. Dans une liste facultative, ne rien choisir reste une réponse.
Obligatoire, et comment c'est dit
Un champ obligatoire porte la mention « (obligatoire) » écrite à la fin de son libellé, pas une étoile seule. Une phrase au-dessus du formulaire l'explique, et elle ne s'affiche que s'il y a au moins un champ obligatoire.
À jour pour Formulus 1.0.602.