Démarrage

UiPath Form Designer est une implémentation personnalisée du moteur form.io qui offre une expérience de création de formulaires par glisser-déposer dans UiPath Studio.

En tant que développeur RPA, vous utilisez le concepteur de formulaires UiPath pour créer des interfaces de formulaire requises dans une automatisation avec ou sans assistance. Vous définissez la définition, le comportement et la validation de chaque champ de formulaire.

Pour interagir avec le Concepteur de formulaires, sélectionnez Ouvrir le Concepteur de formulaires ( Open Form Designer) dans l'activité Créer un formulaire ( Create Form) .

Composants de formulaire

Un composant Form vous permet de collecter des données utilisateur. Les composants de l'interface utilisateur sont regroupés en catégories, en fonction de leur fonctionnalité, comme suit :

Catégorie de composant de formulaire	Description	Composant de formulaire
Basique	Contient les champs de formulaire les plus utilisés.	Champ de texte, Zone de texte, Numéro, Mot de passe, Case à cocher, Cocher les cases, Libellé/En-tête, Fichier/Dossier, Liste déroulante, Radio, Bouton
Avancé	Contient des données personnelles ou liées au temps.	Élément HTML, Contenu, E-mail, Numéro de téléphone, Date/Heure, Jour, Heure, Devise, Enquête
Mise en page	Contient des éléments qui modifient la mise en page du formulaire.	Colonnes, Panneau, Table, Onglets
Données	Contient des grilles et des conteneurs spécialisés pour la récolte des données.	Masqué, Conteneur, Grille de données, Modifier la Grille, Grille

Si vous voulez créer un formulaire personnalisé, faites glisser les composants d'IU souhaités, déposez-les dans le panneau de droite et organisez-les en fonction de la logique de votre cas d'utilisation.

Consultez la page À propos des composants de formulaire pour en savoir plus sur chaque composant de formulaire et sur leur configuration.

Comparaison entre les composants de commandes de grille

Le tableau ci-dessous compare les capacités des contrôles de grille disponibles dans le Concepteur de formulaires. Le tableau décrit également les scénarios recommandés pour l'utilisation de chaque composant de contrôle de grille : Grid, Data Gridet Edit Grid.

Légende: ✅ = Disponible ❌ = Non disponible.

Capacité	Grille	Grille de données	Modifier la grille
Scénarios recommandés	Affichage d'un grand nombre de données à des fins de lecture seule (capacité de lecture seule)	Affichage d'un petit ensemble de données devant être modifiées par l'utilisateur (possibilité d'édition intégrée)	Affichage d'un petit ensemble de données devant être modifiées par l'utilisateur (possibilité d'édition du sous-formulaire)
Nombre de rangées recommandé	Illimité (prise en charge d'une pagination de 100 lignes)	Pas plus de 100 lignes. Au-delà des seuils recommandés, risque de réduction des performances	Pas plus de 100 lignes. Au-delà des seuils recommandés, risque de réduction des performances
Nombre de colonnes recommandé	Illimité	Maximum de 7 colonnes pour 100 lignes. Risque de réduction des performances	Maximum de 7 colonnes pour 100 lignes. Risque de réduction des performances
Modifiable	❌	✅	✅
Pagination	✅	❌	❌
Triable	✅	❌	❌
Filtrable	✅	❌	❌
Colonne redimensionnable lors de l'exécution	✅	❌	❌
Regroupement de lignes	❌	✅	❌
Logique et conditions	❌	✅	✅
Personnalisation étendue basée sur des modèles	❌	❌	✅
Recherche globale	❌	❌	❌

Onglets des composants

Une fois que vous avez sélectionné un composant de formulaire, un assistant s'ouvre et affiche plusieurs onglets de configuration, pour permettre une personnalisation supplémentaire pour différentes fonctionnalités. Vérifiez la progression dans le volet de prévisualisation de l'assistant.

Lorsque vous êtes satisfait de la conception d'un composant, sélectionnez Enregistrer.

Le tableau ci-dessous décrit les paramètres disponibles pour les onglets les plus utilisés de l'assistant.

Onglet Assistant	Description	Mentions spéciales
Affichage	Configurez le mode d'affichage du composant de formulaire.	Le nom que vous avez défini dans le champ obligatoire du Libellé sera transmis en tant que PropertyName dans l'onglet Clé du champ.
Données	Configurez une valeur par défaut que les utilisateurs finaux voient dans le champ de texte.	Les composants pouvant contenir plusieurs éléments (par exemple, les zones de sélection, les onglets) peuvent être définis ici.
Validation	Configurez les exigences de validation pour activer d'autres composants d'IU.
Clé de champ	Configurez le nom du composant que vous souhaitez utiliser ultérieurement dans le workflow.	Par défaut, cette valeur est celle indiquée par le champ Libellé de l'onglet Affichage.
Conditionnel	Configurez les conditions du composant.	Vous pouvez définir des conditions avancées (par exemple, Javascript ou JSON).
Logique	Configurez la logique qui déclenche les conditions.

Consultez la page À propos des contrôles du concepteur de formulaires pour en savoir plus sur chaque onglet de l'assistant.

Important :

L'utilisation d'une logique JavaScript personnalisée peut entraîner des attaques de sécurité. Assurez-vous donc de bien comprendre le risque encouru avant d'implémenter votre code JavaScript.

Certains composants de formulaire disposent d'onglets spécifiques, par exemple :

Composant (Component)	Onglet Assistant	Description
Date/Heure	Date	Configurez les dates minimale et maximale disponibles pour la sélection.
	Délai (Time)	Configurez l'étape incrémentielle pour les heures et les minutes.
Jour	Jour	Configurez la façon dont l'utilisateur professionnel sélectionne le jour (incrémentiel ou à partir d'une liste déroulante).
	Mois	Configurez la façon dont l'utilisateur professionnel sélectionne le mois (incrémentiel ou dans une liste déroulante).
	Année	Configurez la façon dont l'utilisateur professionnel sélectionne l'année (incrémentielle ou dans une liste déroulante), ainsi que les années minimale et maximale disponibles pour la sélection.
Modifier la grille	Modèles	Personnalisez les en-têtes et les lignes de vos données de grille de mise à jour.

Gérer les composants de formulaire

Pour rouvrir l'assistant de configuration, survolez le composant de formulaire et sélectionnez Modifier.

Pour réorganiser les composants du formulaire, sélectionnez Déplacer et faites glisser le composant du formulaire vers un autre emplacement de votre formulaire.

Pour modifier le composant de formulaire à l’aide de ses paramètres JSON, sélectionnez Modifier le fichier JSON. Cela ouvre le composant JSON, affichant tous les paramètres disponibles.

Pour copier un composant à l'intérieur du formulaire, sélectionnez Copier , puis sélectionnez Collez ci-dessous sur le même composant ou sur un autre.

Pour supprimer un composant de votre formulaire, sélectionnez Supprimer.

Gérer les formulaires

Le ruban du Concepteur de formulaires comporte les options suivantes :

• Enregistrer (Save) : Enregistre le formulaire que vous avez conçu.
• Enregistrer en tant que modèle : vous permet d'exporter le formulaire que vous avez conçu en tant que modèle à réutiliser dans le cadre de futurs processus d'automatisation.
• Insérer un modèle (Insert Template) : permet de rechercher des modèles de formulaires existants et de les ajouter au projet en cours.
• Effacer le formulaire—Supprime tous les composants du formulaire actuel.
• Aperçu—Entre en mode Aperçu et vous indique à quoi ressemblera le formulaire lors de l'exécution. Cette section vous permet également de redimensionner la taille d'affichage du formulaire ou de sélectionner un thème prédéfini.

Personnaliser les thèmes

Afin de personnaliser un thème prédéfini en fonction de vos préférences :

1. En mode Aperçu, accédez au panneau Thèmes.
2. Sélectionnez un thème prédéfini.
3. Sélectionnez Personnaliser le thème actuel.
4. Personnalisez le formulaire et le bouton principal à l'aide des options disponibles.
5. Sélectionnez Enregistrer la personnalisation.
   Remarque :

   Renaming a customized theme creates a clone for it. The theme is cloned to avoid breaking workflows that use the same theme, but reference it with the previous name.