À propos des contrôles du Concepteur de formulaires

Lorsque vous glissez-déposez un composant ou lorsque vous cliquez sur le Modifier d'un composant de formulaire, l'assistant de configuration s'ouvre. Selon le type de composant de formulaire, certains onglets d'assistant sont disponibles pour 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

Label

Le titre du composant.

Position du libellé

La position du libellé d'un champ.

Description

Le texte qui apparaît sous le champ de saisie.

Info-bulle

Ajoute une icône d'info-bulle sur un côté de l'icône. Saisissez le texte de l'info-bulle.

Classes CSS personnalisées

Ajoutez une classe CSS personnalisée au composant. Vous pouvez ajouter plusieurs classes, séparées par un espace.

Masqué

Masquez un composant dans le moteur de rendu de formulaire.

Remarque :

Le composant s'affiche toujours dans le fichier JSON.

Masquer le libellé

Masquer le libellé d'un composant.

Désactivé (Disabled)

Désactivez un champ dans le formulaire.

Espace réservé

Le texte qui apparaît lorsque le champ est vide.

Préfixe

Texte affiché avant un champ.

Suffixe

Texte affiché après un champ.

Unique

Lorsque cette option est cochée, le champ est considéré comme unique au formulaire.

Protégé

Lorsque cette option est cochée, rend le champ disponible en entrée seule.

Persistant

When checked, it stores a field in the database. If you don't want to save a field to the database, uncheck Persistent.

Vue Table

Lorsque cette option est cochée, affiche la valeur dans la vue tabulaire des soumissions. Vous pouvez l'utiliser pour les composants enfants que vous ajoutez à l'intérieur des composants Modifier la grille, afin de rendre les composants enfants à l'intérieur des lignes.

If left unchecked, the data doesn't display in the collapsed row of the Edit Grid. Even if the data doesn't display, you can configure a component while editing a row.

Masque d'entrée

Un masque de saisie fournit un format prédéfini. Par exemple, pour un champ de numéro de téléphone, le masque de saisie par défaut serait [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

When checked, multiple values can be added to the field. The values appear as an array in the API and an Add Another Button is visible on the field.

Contenu (Content)

Section dans laquelle vous tapez le contenu d'un composant.

Format de données

Le format moment.js que vous utilisez pour enregistrer ce champ. Par exemple, HH:mm:ss .

Régénérer sur

Redraw this component if another component in the form changes. Choose the event when the component should redraw from the dropdown list. The default events to choose are Any Change and Submit.

Validation

Requis

Lorsque cette option est cochée, ce champ doit contenir une valeur.

Date de validation

Determines when this component triggers front-end validation. Choose an event from the dropdown list: Change or Blur.

Longueur minimale (Minimum Length)

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

Le modèle d'expression régulière que le composant doit transmettre avant que le formulaire puisse être soumis.

Libellé d'erreur

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.

Autoriser uniquement les valeurs disponibles

Lorsque cette option est cochée, effectue une vérification de validation pour s'assurer que la valeur sélectionnée est une option disponible.

Clé de champ

Nom de la propriété

The corresponding argument name for a component in the Workflow Fields Collection.

Conditionnel

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

The Conditional tab has two sections:

• Simple
• Conditions avancées

Conditions simples

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

The Simple section consists of three fields:

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.

   

Conditions avancées

La section Conditions avancées (Advanced Conditions) vous permet d'utiliser du code JavaScript pour créer des combinaisons de conditions.

Remarque :

La logique avancée remplace les résultats de la logique conditionnelle simple .

Dans la section Code JavaScript, entrez un code JavaScript personnalisé.

The show variable must be given a true or false value. The data variable is used to access other components in the form, through the API key.

Pour apprendre à utiliser des composants conditionnels, consultez la page Tutoriel sur les composants conditionnels .

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 et l'apparence 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