Documentation en ligne

Paramètres des champs

Paramètres génériques

Il y a un certain nombre de paramètres communs Ă  tous les types de champ :

  • LibellĂ© : Il s'agit du texte tel qu'il sera affichĂ© Ă  l'usager qui remplit le formulaire
  • Obligatoire (Oui/ Non / Uniquement en frontoffice) : si un champ est cochĂ© « obligatoire », ce dernier doit obligatoirement ĂŞtre renseignĂ© par l'usager. Il n'est pas possible de valider le formulaire (ou de passer Ă  la page suivante en cas de questionnaire multi-pages) sans cela, un message explicite est affichĂ© Ă  l'usager lorsque le champs n'est pas renseignĂ©, NB : ce paramètre est actif par dĂ©faut (sauf pour « Case Ă  cocher (choix unique) ».

  • Remarque : texte d'aide qui sera affichĂ© Ă  l'usager (en gĂ©nĂ©ral sous le champ Ă  remplir)
  • Identifiant : pour rĂ©-utiliser par ailleurs (affichage, calcul, transmission via webservice, ...) la valeur saisie par l'usager, il est impĂ©ratif d'attribuer un nom de variable qui est au choix de l'administrateur (en savoir plus sur les variables). L'identifiant doit commencer par une lettre et peut contenir des lettres, des chiffres et des tirets bas (_).
  • Affichage :
    • Page de rĂ©capitulatif : le champ sera affichĂ© sur le page de confirmation, avant que l'usager ne valide sa demande
    • RĂ©sumĂ© de la demande : le champ sera affichĂ© sur le rĂ©sumĂ© de la demande dans le back-office, Ă  l'agent
    • Tableaux de traitement (anciennement nommĂ© "Affichage dans les listings") : le champ sera affichĂ© dans les tableaux de rĂ©sultats accessibles via l'onglet traitement, NB : ce paramètre est dĂ©sactivĂ© par dĂ©faut.options d'affichage
    • Pour les champs fermĂ©s (listes, listes Ă  choix multiple et case Ă  cocher) une case Ă  cocher supplĂ©mentaire « Statistiques » permet de rendre ces champs disponibles dans la cellule Graphe et dans le requĂŞteur statistique.
  • Classes supplĂ©mentaires pour les styles CSS : permet d'utiliser un style particulier dĂ©fini par une classe dans la feuille de style, en dĂ©rogation au thème gĂ©nĂ©ral dĂ©clarĂ© pour le formulaire dans son ensemble. Utile par exemple pour aligner plusieurs champs grâce Ă  un système de grille (grid).
  • Condition d'affichage : permet de dĂ©clarer une condition suivant laquelle s'affichera ou non le champ en fonction d'une rĂ©ponse apportĂ©e Ă  un champ prĂ©cĂ©dent, NB : il est important qu'un champ conditionnĂ© vienne après les champs mentionnĂ©s dans la condition d'affichage.
  • PrĂ©remplir : valeur par dĂ©faut attribuĂ©e au champ, la liste des valeurs possibles varie suivant le type de champ (en savoir plus sur le prĂ©remplissage). Un champ prĂ©rempli peut ĂŞtre verrouillĂ© (c'est-Ă -dire rendu non modifiable) en cochant la case prĂ©vue Ă  cet effet.
  • Anonymisation : Elle peut ĂŞtre finale ou intermĂ©diaire (cela fait rĂ©fĂ©rence Ă  l'action d'anonymisation qui peut elle-mĂŞme ĂŞtre finale ou intermĂ©diaire). Pour chaque champ il est possible d'indiquer s'il est concernĂ© par un type d'anonymisation et/ou l'autre.

Focus sur les grilles CSS

Un système de grille adaptative sur douze colonnes est proposé pour le formatage des formulaires.

Attention

Lorsque l'on utilise grid sur un champ ou une cellule, il devient obligatoire de l'utiliser sur tous les champs (ou toutes les cellules) de la même page. Sans cela on peut avoir des comportements erratiques et en particulier des différences d'affichage entre front et backoffice.

Système de grille

Chaque classe CSS pour un élément de la grille est décrit numériquement par sa largeur. Par exemple, grid-1-2 pour un élément faisant la moitié de la largeur, grid-2-3 pour un élément en faisant les deux-tiers. Les dénominateurs possibles sont 2, 3, 4, 6 et 12.

Dès lors que l'on souhaite utiliser le système de grille sur des champs d'une page, il faut appliquer une classe de grille sur tous les champs de cette page.

Pour forcer un retour en début de ligne, ou pour assurer un rendu correct quand les éléments d'une ligne n'ont pas tous la même hauteur, une classe supplémentaire, newline peut être posée sur le premier élément de la nouvelle ligne.

Sur des écrans de petite dimension, la grille est automatiquement adaptée pour ne pas rétrécir outre mesure les éléments, la largeur de ceux-ci est doublée, par exemple un élément configuré pour une largeur d'un quart d'écran prendra non pas un quart d'écran mais un demi écran.

Sur les très petits écrans, la mécanique de grille est totalement annulée et tous les éléments de grille sont affichés sur toute la largeur disponible. Il est cependant possible d'empêcher ce comportement en accompagnant la classe grid-x-y de la classe never-alone.

Dernière mise à jour le 31/10/2025 15:18 — Éditer