À propos des contrôles du Concepteur de formulaires

Lorsque vous glissez-déposez un composant ou lorsque vous cliquez sur Modifier l'icône d'un composant de formulaire, l'assistant de configuration s'ouvre. Selon le type de composant de formulaire, certains onglets de l'assistant sont disponibles afin de le personnaliser. Tous les onglets disponibles et leurs propriétés générales dans le Concepteur de formulaires UiPath sont décrits ci-dessous.

Affichage

• Libellé : le titre du composant.

• Position du libellé : position du libellé pour un champ.

• Description : le texte qui apparaît au-dessous du champ d'entrée.

• Info-bulle - Ajoute une icône info-bulle à la partie du champ. Saisissez le texte de l'info-bulle.

• Masqué - Masquez un composant dans le rendu de formulaire.

• Masquer le libellé : masque le libellé d'un composant.

• Désactivé : désactive un champ du formulaire.

• Espace réservé : texte qui s'affiche lorsque le champ est vide.

• Préfixe : le texte qui s'affiche avant un champ.

• Suffixe : le texte qui s'affiche après un champ.

• Vue de la table : lorsque cette case est cochée, la valeur apparaît dans la vue de la table des envois.

• Masque d'entrée : un masque d'entrée fournit un format prédéfini. Pour un champ de numéro de téléphone, le masque de saisie par défaut est [phone].

  Les éléments du masque de saisie sont :

  • 9 – numérique
  • a - Par ordre alphabétique
  • * - alphanumérique

Données

• Valeur par défaut - La valeur du champ avant que les utilisateurs n'interagissent avec lui. La valeur par défaut remplace le texte de l'espace réservé.
• Valeurs multiples : lorsque cette option est cochée, plusieurs valeurs peuvent être ajoutées au champ. Le bouton Ajouter un autre devient visible dans le champ.
• Contenu : la section dans laquelle vous saisissez le contenu d'un composant.
• Format : le format moment.js que vous utilisez pour enregistrer ce champ. Par exemple, HH:mm:ss.
• Régénérer sur : régénérez ce composant si un autre composant du formulaire change. Choisissez l'événement où le composant doit être rafraîchi dans la liste déroulante. Les événements par défaut à choisir sont Toute modification et Soumettre.

Validation

• Obligatoire - Lorsque cette case est cochée, ce champ doit avoir une valeur.
• Valider le : détermine lorsque ce composant déclenche une validation du front-end. Choisissez un événement dans la liste déroulante : Modifier ou Flou.
• Longueur minimale - La longueur minimale requise que ce champ doit respecter.
• Longueur maximale : la longueur maximale requise que ce champ doit respecter.
• Longueur minimale du mot : le nombre minimum de mots pouvant être ajoutés à ce composant.
• Longueur maximale du mot - Le nombre maximum de mots pouvant être ajoutés à ce champ.
• Modèle d'expression régulière : il s'agit du modèle d'expression régulière que le composant doit respecter pour que le formulaire puisse être soumis.
• Libellé d'erreur : le libellé qui s'affiche lorsqu'un message d'erreur de validation s'affiche.
• Message d'erreur personnalisé - Un message d'erreur personnalisé à afficher si une erreur se produit.

Clé de champ

• Nom de propriété : le nom de ce composant dans la collection de champs du workflow.

Conditionnel

The Conditional tab in the Form Designer allows you to place conditions on components in your form, in order to hide or display them.

L'onglet Conditionnel comporte une section Simple .

The Simple section of the Conditional tab allows you to hide or display a component, based on the value of another component.

La section Simple se compose de trois champs :

1. This component should Display - from this dropdown list, choose:

   • True if you want to condition when the component displays.
   • False if you want to condition when the component hides.

2. When the form component - from this dropdown list, choose a component in the form to act as a condition.

3. Has the value - type in the value that conditions the component when to display or hide.

   

Consultez le tutoriel sur la création de conditions simples à partir du guide Form.Activities.

Logique

The Logic tab of the Form Designer allows you to create conditions and advanced logic scripts that can change the state or the behavior of the selected form component.

À l'aide d'une logique avancée, vous pouvez modifier dynamiquement les commandes, l'apparence et la convivialité d'un composant de formulaire.

Une logique de formulaire se compose de deux parties : le déclencheur et l'action.

Déclencheur

Le déclencheur logique est la condition sur laquelle l'action a lieu. Par exemple, vous souhaiterez peut-être afficher un champ de formulaire spécifique uniquement lorsqu'une option de case à cocher est sélectionnée. Dans ce cas, l'option de case à cocher est le déclencheur et l'affichage du champ de formulaire est l'action.

Il existe quatre types de déclencheurs logiques :

Type de déclencheur	Description	Exemple
Simple	Vous définissez un composant et une valeur de formulaire de déclenchement.
Javascript	Vous fournissez une logique JavaScript pour un composant de formulaire ou les données de formulaire. Utilisez la syntaxe JavaScript pour créer une logique complexe, telle qu'une boucle ou un comportement dynamique.
Logique JSON	Vous fournissez une logique JSON pour un composant de formulaire ou les données de formulaire. Recommandé dans les cas où JavaScript n’est pas autorisé. Impossible de prendre en charge les boucles ou les comportements dynamiques.
Événement (Event)	Vous définissez un événement de composant qui, une fois émis par le composant correspondant, déclenche l'action souhaitée.

Action

L'action logique est le comportement du composant de formulaire qui doit se produire en fonction des conditions logiques que vous définissez (c'est-à-dire le déclencheur). Par exemple, vous souhaiterez peut-être activer un bouton pour les utilisateurs d'un âge spécifique. Dans ce cas, la tranche d’âge est le déclencheur, et l’activation du bouton est l’action.

Il existe quatre types d’actions logiques :

Type d'action	Description	Exemple
Propriété	Le déclencheur modifie l’une des propriétés du composant disponibles, telles que Info-bulle, Description, Classe CSS, etc. Les propriétés disponibles dépendent du type de composant déclencheur.
Valeur (Value)	Le déclencheur modifie la valeur du composant correspondant. L'action doit être définie à l'aide de la syntaxe JavaScript.
Schéma des composants de la fusion	Le déclencheur modifie les paramètres de schéma du composant trouvé dans le composant JSON. Pour voir les paramètres de schéma que vous pouvez modifier, survolez le composant correspondant et cliquez sur Modifier JSON. Vous pouvez modifier plusieurs paramètres en une seule action.
Action personnalisée	Vous définissez une action personnalisée à l'aide de la syntaxe JavaScript, de la même manière que vous définiriez le type de déclencheur JavaScript.	NA

Modèles

L'onglet Modèles est uniquement spécifique au composant Modifier la grille . Le modèle Pied de page vous permet de personnaliser la grille à l'aide de JavaScript. Vous pouvez modifier l'apparence du pied de page.

• Modèle du pied de page : il s'agit du modèle Lodash utilisé pour le rendu du pied de page du composant Modifier la grille .

  Deux variables sont disponibles :

  • value - le tableau des données de la ligne
  • composants : le tableau des composants de la grille

Fichier

L'onglet Fichier est spécifique au composant Fichier uniquement. L'onglet Fichier vous permet de personnaliser un composant Fichier à l'aide de paramètres et de propriétés spécifiques.

Voici les propriétés disponibles dans l'onglet Fichier

• Répertoire : place tous les fichiers téléchargés dans ce composant, dans le répertoire spécifié. La chaîne doit se terminer par /.

• Télécharger uniquement : permet uniquement aux utilisateurs de télécharger des fichiers. L’option de téléchargement ne sera pas disponible lorsque cette case sera cochée.

• Types de fichiers - vous permet de spécifier les types de fichiers, afin de classer les types de fichiers que l'utilisateur charge. Recommandé lorsqu'un utilisateur charge plusieurs types de fichiers et que vous souhaitez que l'utilisateur spécifie le type de chaque fichier chargé.

• Modèle de fichier : vous permet de spécifier les extensions de fichiers qui seront autorisées à être chargées. Les autres extensions de fichier non spécifiées ne seront pas téléchargées.

• Taille minimale du fichier : définit la taille minimale du fichier chargé.

• Taille maximale du fichier : définit la taille maximale du fichier chargé. Pour en savoir plus sur la façon de spécifier les modèles et les tailles de fichiers, consultez ce lien GitHub.