Aller au contenu principal

Text Area

Text Area saisit un texte long sur plusieurs lignes. Le champ appartient à l’état, à la validation et au périmètre de soumission du formulaire.

1. Cas d’utilisation​

Usages courants :

  • Descriptions, notes et justifications
  • Adresses ou détails d’un problème
  • Texte long avec hauteur initiale configurable

2. Ajouter et configurer​

  1. Ajoutez Text Area dans la zone Fields d’une Form Section.
  2. Définissez un Field Key / Name stable et unique, identique à la propriété du DTO backend.
  3. Configurez les propriétés ci-dessous, puis Required, Help Text, Full row ou les conditions selon le besoin.
  4. Vérifiez la valeur initiale et la mise en page dans Design Preview, puis testez le parcours avec Validate / Submit.

3. Propriétés principales​

PropriétéRôle
Default TextDéfinit la valeur initiale, le contenu ou le format du champ.
Initial Height (Rows)Contrôle l’affichage du champ dans Design Preview et Runtime.
Maximum Height (Rows)Limite le nombre, la longueur ou la plage de valeurs.
HintContrôle l’affichage du champ dans Design Preview et Runtime.
Read OnlyActive ou désactive ce comportement.
ValidatorDéfinit la forme des données de liaison, de soumission ou de réponse.

Les propriétés communes Field Key, Required, Help Text, Full row et Visible When proviennent du contrat de champ Form. Le tableau met en avant les réglages propres à Text Area.

4. Valeur du formulaire et contrat backend​

Valeur soumise : Une chaîne.

"Please prepare access before the start date."

L’exemple montre uniquement la forme des données. L’API doit toujours valider le type, les limites et les autorisations du DTO métier.

5. Validation, conditions et interactions​

Tous les champs peuvent utiliser Required, Visible When, Disabled When, Required When, Dependencies et Clear When Hidden. Ces conditions améliorent l’interface mais ne remplacent jamais la validation ni les autorisations du backend.

Capacités du composant : Prend en charge onChange, onFocus et setValue pour enchaîner des actions.

6. Recommandations​

Conseils : Définissez des limites explicites. Ne placez jamais un mot de passe dans une valeur par défaut, un journal ou Page Context.

Revenez à la présentation de Form pour la mise en page, la validation, la soumission, les brouillons et le protocole backend.