- Vue d'ensemble (Overview)
- Légende (Callout)
- Scénarios complexes
- Identifiants
- Data Service
- Notes de publication
- À propos du package d'activités Data Service
- Compatibilité du projet
- Créer un enregistrement d’entité
- Supprimer un enregistrement d’entité
- Obtenir un enregistrement d’entité à partir d’un identifiant
- Rechercher des enregistrements d’entités
- Mettre à jour un enregistrement d’entité
- Télécharger le fichier vers le champ d’enregistrement
- Télécharger le fichier à partir du champ d'enregistrement
- Supprimer le fichier à partir du champ d’enregistrement
- Créer plusieurs enregistrements d’entités
- Mettre à jour plusieurs enregistrements d’entités
- Supprimer plusieurs enregistrements d’entités
- Formulaire
- Notes de publication
- Compatibilité du projet
- Formulaires en temps réel
- Mettre à jour les données du formulaire
- Exécuter des formulaires à l'aide de JavaScript
- Personnaliser des formulaires à l'aide de CSS
- Composants conditionnels
- Ajout de plusieurs composants sur la même ligne dans les colonnes
- Utilisation du composant Table de données (Data Table)
- Obtenir le chemin d'accès au fichier/dossier
- Lecture des valeurs de cellule à partir d'un composant Data Grid
- Affichage des fichiers PDF
- Affichage d'images dans les formulaires
- Faire défiler les grilles de données
- Utilisation des outils de développement avec des formulaires
- Calculer les valeurs des composants du formulaire
- Gestion des dates dans les formulaires
- Ouvrir des hyperliens dans des formulaires
- Affichage d'un onglet par défaut dans les formulaires
- Affichage du libellé complet d'un composant
- Recherche de longues chaînes dans des listes déroulantes
- À propos de l'expérience de formulaire antérieure à la version 23.4
- Compatibilité du Projet
- Formulaires en temps réel
- Cases à cocher dynamiques
- Listes déroulantes conditionnelles
- Afficher un onglet par défaut
- Affichage des images
- Affichage des fichiers PDF
- Affichage de l'étiquette complète
- Éléments HTML dynamiques
- Gérer des dates
- Rechercher des chaînes longues dans des listes déroulantes
- Personnaliser des formulaires à l'aide de fichiers CSS locaux
- Exécuter le bloc Do sur changement de case à cocher
- Personnaliser la largeur des colonnes
- Mettre à jour les données du formulaire
- Réinitialiser les données de collecte
- Logique avancée
- Exécuter le bloc Do lors du changement d'option de la liste déroulante
- Lecture des valeurs de cellule à partir d'un composant Data Grid
- Composants conditionnels
- Faire défiler les composants Data Grid
- Utiliser le composant Grille
- Outils de développement
- Valeur calculée
- Listes déroulantes dynamiques
- Changer d'onglet en un clic
- Ouvrir des hyperliens dans un formulaire
- FTP
- IPC
- Persistance
- Notes de publication
- Compatibilité du projet
- À propos du package d'activités Persistence
- Concepteur de formulaires en série
- Start Job And Get Reference
- Wait for Job and Resume
- Add Queue Item And Get Reference
- Wait For Queue Item And Resume
- Wait for Form Task and Resume
- Reprendre après le délai
- Assign Tasks
- Create External Task
- Wait For External Task and Resume
- Terminer la tâche
- Forward Task
- Get Form Tasks
- Get Task Data
- Obtenir des tâches d’application
- Add Task Comment
- Update Task Labels
- Créer une tâche d'application
- Attendre la tâche d'application et reprendre (Wait For App Task and Resume)
- Configurer le minuteur de tâches (Configure task timer)
- Travailler avec des tâches d'application
- Création de votre première action de formulaire
- Commandes avancées pour les listes déroulantes
- Incorporation d'objets dans des actions de formulaire
- Autoriser les utilisateurs à charger des fichiers dans le compartiment de stockage
- Ajout d'une logique avancée à l'aide de Java Script
- Définition d'un onglet par défaut
- Suppression du bouton Supprimer de Modifier la grille à l'aide du CSS personnalisé
- Personnalisation des modèles de grille
- Utilisation de boutons pour déclencher une logique personnalisée
- Utilisation d'une mise en page de formulaire externe
- Développer dynamiquement les composants de formulaire en runtime
- Alignement du contenu d'un composant de formulaire de gauche à droite à l'aide des attributs JSON
- Exemple de workflows
- Pipelines d'Automation Ops
- Notes de publication
- À propos du package d'activités Pipelines
- Compatibilité du projet
- Activate Solution Deployment
- Analyser
- Construire
- Cloner
- Delete Solution Package
- Deploy Solution
- Download Package
- Download Solution Package
- Download Solution Package Configuration
- Publier le package
- Publish Solution Package
- Re-sync Solution Project
- Exécuter des tests
- Étape
- Uninstall Solution
- Processus de mise à jour
- Upload Solution Package
- Système
- Notes de publication
- À propos du package d'activités System
- Compatibilité du projet
- Codage de caractères pris en charge
- Assistant Générateur de RegEx
- Ajouter une colonne de données (Add Data Column)
- Ajouter une ligne de données (Add Data Row)
- Ajouter les champs du journal (Add Log Fields)
- Add or Subtract from Date
- Ajouter un élément de transaction (Add Transaction Item)
- Ajouter un élément de file d'attente (Add Queue Item)
- Append Item to Collection
- Append Item to List
- Ajouter une ligne (Append Line)
- Bip (Beep)
- Boucle d'arrêt / sortie
- Browse for file
- Browse for folder
- Build Collection
- Créer une table de données (Build Data Table)
- Bulk Add Queue Items
- Modifier la casse du texte
- Change type
- Cocher Faux (Check False)
- Cocher Vrai (Check True)
- Supprimer la table de données (Clear Data Table)
- Collection to TableDonnées
- Commentaire (Comment)
- Compress/Zip Files
- Copier le fichier (Copy File)
- Copy Folder
- Combiner du texte
- Commenter/Activités désactivées
- Continuer / Ignorer actuel
- Créer le fichier (Create File)
- Créer un dossier (Create Folder)
- Create List
- Custom Input
- Supprimer (Delete)
- Delete File
- Delete Folder
- Supprimer le fichier de stockage
- Supprimer les éléments de file d'attente (Delete Queue Items)
- Désactiver le déclencheur local
- Faire pendant (Do While)
- Télécharger le fichier à partir de l'URL
- Télécharger le fichier de stockage
- Activer le déclencheur local
- Exists In Collection
- Extract/Unzip Files
- Extraire la date et l'heure du texte (Extract Date and Time from Text)
- Extraire le texte
- Déclencheur de changement de fichier (File Change Trigger)
- Le fichier existe déjà
- Filter Collection
- Filtrer la table de données (Filter Data Table)
- Folder Exists
- Pour chaque (For Each)
- For Each File In Folder
- Déclencheur de changement de fichier v3
- Rechercher et remplacer
- For Each Folder in Folder
- For Each Row in Data Table
- Formater la date en tant que texte
- Valeur de format (Format Value)
- Generate Data Table From Text
- Obtenir l'actif (Get Asset)
- Obtenir les informations d'identification / Obtenir les informations d'identification Orchestrator
- Get Current Job Info
- Récupérer le dossier d'environnement (Get Environment Folder)
- Récupérer la variable d'environnement (Get Environment Variable)
- Obtenir des informations sur les fichiers
- Get Folder Info
- Obtenir les tâches (Get Jobs)
- Récupérer les processus (Get Processes)
- Obtenir l'élément de ligne (Get Row Item)
- Obtenir l'élément de transaction (Get Transaction Item)
- Récupérer le nom d'utilisateur/mot de passe
- Obtenir les éléments de file d'attente (Get Queue Items)
- Déclencheur de modification de variable globale
- Boîte de dialogue (Input Dialog)
- Appeler le code (Invoke Code)
- Appeler la méthode Com (Invoke Com Method)
- Appeler Power Shell (Invoke Power Shell)
- Invoke Process
- Invoke VBScript
- Appeler le fichier de flux de travail (Invoke Workflow File)
- Le texte correspond-il
- Tables de données de jointure (Join Data Tables)
- Processus d'arrêt forcé (Kill Process)
- Launch Workflow Interactive
- Répertorier les fichiers de stockage
- Consigner le message (Log Message)
- Table de données de recherche (Lookup Data Table)
- Manual Trigger
- Trouver des modèles correspondants
- Merge Collections
- Fusionner la table de données (Merge Data Table)
- Zone de message (Message Zone)
- Modify Date
- Modify Text
- Déplacer le fichier (Move File)
- Move Folder
- Multiple Assign
- Nouvel élément ajouté à la file d'attente
- Notifier la modification de la variable globale
- Requête HTTP Orchestrator
- Table de données de sortie (Output Data Table)
- Le chemin d'accès existe (Path Exists)
- Différer l'élément de transaction (Postpone Transaction Item)
- Process End Trigger
- Process Start Trigger
- Déclencher l'alerte (Raise Alert)
- Read List Item
- Lire le fichier texte
- Lire le texte de stockage
- Supprimer la colonne de données (Remove Data Column)
- Supprimer la ligne de données (Remove Data Row)
- Supprimer les lignes dupliquées (Remove Duplicate Rows)
- Remove From Collection
- Supprimer les champs du journal (Remove Log Fields)
- Replace Matching Patterns
- Repeat Number Of Times
- Répéter le déclencheur
- Rename File
- Rename Folder
- État du rapport (Report Status)
- Reset Timer
- Resume Timer
- Étendue de nouvelle tentative (Retry Scope)
- Retour
- Run Parallel Process
- Définir l'actif (Set Asset)
- Définir l'identifiant (Set Credential)
- Set Environment Variable
- Définir la progression de la transaction (Set Transaction Progress)
- Définir l'état de transaction (Set Transaction Status)
- Devrait s'arrêter (Should Stop)
- Fractionner le texte
- Trier la table de données (Sort Data Table)
- Exécuter les déclencheurs locaux
- Start Timer
- Démarrer la tâche (Start Job)
- Arrêter la tâche (Stop Job)
- Arrêter les déclencheurs locaux
- Stop Timer
- Text to Left/Right
- Texte en majuscules/minuscules
- Déclencheur de temps
- Étendue du déclencheur
- Timeout Scope
- Update Row Item
- Update List Item
- Télécharger le fichier de stockage
- Wait for Download
- Wait Queue Item
- While
- Workflow Placeholder
- Écrire le texte de stockage
- Écrire un fichier texte (Write Text File)
- Ajouter une ligne de données (Add Data Row)
- AddQueueItem
- Ajouter un élément de transaction (Add Transaction Item)
- Ajouter une ligne
- BulkAddQueueItems
- Supprimer la table de données (Clear Data Table)
- CompresserFichiersZip
- Copy File
- Create File
- Créer un dossier (Create Folder)
- Delete file or folder
- Delete Queue Items
- Supprimer le fichier de stockage
- Télécharger le fichier de stockage
- Extraire les fichiers de décompression
- Filtrer la table de données (Filter Data Table)
- Obtenir l'actif (Get Asset)
- Obtenir l'identifiant (Get Credential)
- GetJobs
- Get Queue Item
- GetQueueItems
- Obtenir la ressource pour le chemin d'accès local
- Obtenir l'élément de ligne (Get Row Item)
- Obtenir l'élément de transaction (Get Transaction Item)
- Invoke Process
- Tables de données de jointure (Join Data Tables)
- Répertorier les fichiers de stockage
- Table de données de recherche (Lookup Data Table)
- Fusionner la table de données (Merge Data Table)
- Move File
- Requête HTTP Orchestrator
- OutputDataTable
- Le chemin d'accès existe (Path Exists)
- Différer l'élément de transaction (Postpone Transaction Item)
- Lire le texte de stockage
- Lire le fichier texte
- Supprimer la colonne de données (Remove Data Column)
- Supprimer les lignes dupliquées (Remove Duplicate Rows)
- Remplacer (Replace)
- Définir l'actif (Set Asset)
- Définir l'identifiant (Set Credential)
- SetTransactionProgress
- Définir l'état de transaction (Set Transaction Status)
- Trier la table de données (Sort Data Table)
- Démarrer la tâche (StartJob)
- Arrêter la tâche (StopJob)
- Update Row Item
- Télécharger le fichier de stockage
- Wait Queue Item
- Écrire le texte de stockage
- Écrire un fichier texte
- Test
- Notes de publication
- À propos du package d'activités Testing
- Compatibilité du projet
- Le nom du cas de test n'est pas unique dans ce projet
- La convention d'affectation de noms du cas de test est incorrecte
- Vérifications manquantes dans le cas de test
- Workflows non testés
- Connecté à Test Manager
- Simulation inutilisée
- Cas de test sans annotation
- Le cas de test/workflow est trop complexe
- Le cas de test comprend trop de branches
- Paramètres du projet
- Add Test Data Queue Item
- Adresse
- Attach Document
- Bulk Add Test Data Queue Items
- Delete Test Data Queue Items
- Get Test Data Queue Item
- Get Test Data Queue Items
- Prénom
- Nom de famille
- Random Date
- Random Number
- Random String
- Random Value
- Verify Control Attribute
- Verify Expression
- Verify Expression with Operator
- Verify Range
- Adresse
- Add Test Data Queue Item
- Attach Document
- Bulk Add Test Data Queue Items
- Delete Test Data Queue Items
- Get Test Data Queue Item
- Get Test Data Queue Items
- GivenName
- Nom
- Random Date
- Random Number
- Random String
- Random Value
- VerifyAreEqual
- VerifyAreNotEqual
- VerifyContains
- Verify Expression
- Verify Expression with Operator
- VerifyIsGreater
- VerifyIsGreaterOrEqual
- VerifyIsLess
- VerifyIsLessOrEqual
- VerifyIsRegexMatch
- Verify Range
- Workflow Events
- Workflow Foundation
- À propos du package d’activités Workflow Foundation
- Attribuer/Définir la valeur de la variable
- Retard (Delay)
- Si (If)
- Sinon si
- Séquence / Groupe
- Commutateur (Switch)
- Décision de flux (Flow Decision)
- Commutateur de flux (Flow Switch)
- Diagramme de flux (Flowchart)
- Essayer de capturer
- Machine d'état (State Machine)
- État (State)
- Transition
- État final (Final State)
- Single Excel Process Scope
- No Persist Scope
- Cancellation Scope
- Ligne d'écriture (Write Line)
Personnaliser la largeur des colonnes
Les tableaux de votre formulaire ont parfois besoin de colonnes plus larges ou plus étroites, plutôt que de colonnes de même largeur. Vous pouvez définir une largeur personnalisée pour les tables dans les composants Modifier la grille (Edit Grid) et Grille de données (Data Grid).
Column3
dans un tableau enregistré sous le nom de myTable
.
Création de la table de données
Pour créer une table à utiliser dans votre formulaire :
- Dans votre workflow, ajoutez l’activité Build Data Table .
- Cliquez sur TableDonnées... . L'assistant Créer une table de données ( Build Data Table) s'ouvre.
-
Ajoutez les colonnes souhaitées pour votre table et modifiez leurs propriétés.
Assurez-vous que le nom des colonnes ne contient pas d'espaces ou de caractères spéciaux, car vous utilisez ces noms pour lier les colonnes du formulaire via l'onglet du composant Clé de champ (Field Key ).
- Cliquez sur OK pour enregistrer la table.
-
Dans le panneau Propriétés (Properties) > champ Sortie (Output) de l'activité Créer une table de données (Build Data Table ), définissez un nom de variable pour votre table (par exemple,
myTable
).Vous utilisez cette variable pour lier la table au formulaire via la propriété FormFieldsCollection de l'activité Créer un formulaire .
Pour lier la table de données à votre formulaire :
- Ajoutez l'activité Créer un formulaire ( Create Form) dans votre workflow.
- Dans le panneau Propriétés (Properties) > champ CollecteChampsFormulaires ( FormFieldsCollection ), cliquez sur le menu à trois points (fa-ellipsis-v:) . L'assistant CollectionChampsFormulaires s'ouvre.
-
Créez un argument et liez-le à la table créée précédemment à l'aide de la variable (c'est-à-dire
myTable
). Définissez l'argument Direction surIn/Out
et le Type surDataTable
. Donnez un Nom à votre argument, par exempletable
.
-
Cliquez sur OK.
Assurez-vous que la case GenerateInputFields est décochée.
- Ouvrez le Concepteur de formulaires à partir de l'activité Créer un formulaire (Create Form) .
- Dans la catégorie Données (Data), glissez-déposez un composant de grille (c'est-à-dire Edit Grid et/ou Data Grid).
-
Dans l'onglet Clé de champ (Field Key) de votre grille, référencez l' argument de table (c'est-à-dire
table
).La valeur Clé de champ est sensible à la casse.
-
Ajoutez des composants de texte à votre grille pour répliquer les colonnes de votre table. Enregistrez chaque composant de texte.
Par exemple, si votre table comporte trois colonnes appeléesColumn1
,Column2
etColumn3
, faites glisser et déposez trois composants de texte dans votre grille et assurez-vous d'utiliser les noms de colonnes de la table dans l'onglet Clé de champ des composants .La valeur Clé de champ est sensible à la casse.
- Enregistrez le formulaire.
Utiliser Bootsrap 3
- Accédez aux paramètres Modifier le composant de grille ( Edit Grid Component ) .
-
Dans l'onglet Modèles (Templates) > section Modèle d'en- tête , modifiez le code généré par défaut avec le modèle suivant :
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (displayValue(component)) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ component.label }}</div> {% } %} {% }) %} </div>
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (displayValue(component)) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ component.label }}</div> {% } %} {% }) %} </div> -
Dans l'onglet Modèles (Templates) > section Modèle de ligne ( Row Template) , modifiez le code généré par défaut avec le modèle suivant :
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (!component.hasOwnProperty('tableView') || component.tableView) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ getView(component, row[component.key]) }} </div> {% } %} {% }) %} {% if (!instance.options.readOnly && !instance.disabled) { %} <div class="col-sm-2"> <div class="btn-group pull-right"> <button class="btn btn-default btn-light btn-sm editRow"><i class="{{ iconClass('edit') }}"></i></button> {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %} <button class="btn btn-danger btn-sm removeRow"><i class="{{ iconClass('trash') }}"></i></button> {% } %} </div> </div> {% } %} </div>
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (!component.hasOwnProperty('tableView') || component.tableView) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ getView(component, row[component.key]) }} </div> {% } %} {% }) %} {% if (!instance.options.readOnly && !instance.disabled) { %} <div class="col-sm-2"> <div class="btn-group pull-right"> <button class="btn btn-default btn-light btn-sm editRow"><i class="{{ iconClass('edit') }}"></i></button> {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %} <button class="btn btn-danger btn-sm removeRow"><i class="{{ iconClass('trash') }}"></i></button> {% } %} </div> </div> {% } %} </div>Remarque :- Notez que vous comparez la valeur
component.key
au nom exact de la colonne, qui est le même que celui utilisé dans l'onglet Clé de champ ( Field Key) de chaque composant de texte (étape 4 de la liaison de la table de données aux composants Edit Grid ou Data Grid). - UiPath Forms utilise le framework Bootstrap 3. La largeur totale du tableau est divisée en 12 sections. Par conséquent, assurez-vous que toute division que vous effectuez donne bien 12. Dans cet exemple, deux colonnes avec la classe
col-sm-2
occupent 4 sections, laissant les 8 autres pour la troisième colonne (col-sm-8
).
- Notez que vous comparez la valeur
Utilisation de la propriété Style
- Survolez le composant Modifier la grille (Edit Grid ) et cliquez sur Modifier ( Edit). La page de configuration s'ouvre.
-
Accédez à l'onglet Modèles (Templates).
2.1. Dans le script Modèle d'en-tête , identifiez toutes les balises<div class="col-sm-2">
et ajoutez votre largeur personnalisée comme suit :style="width:{your_custom_width}px !important"
. La largeur doit être exprimée en pixels.2.2. Dans le script du modèle de ligne ( Row Template) , identifiez toutes les balises<div class="col-sm-2">
et ajoutez votre largeur personnalisée comme suit :style="width:{your_custom_width}px !important"
. La largeur doit être exprimée en pixels.L'élément"col-sm-2"
représente la largeur de colonne par défaut. Vous pouvez modifier la largeur de colonne par défaut en ajoutant une balise de style personnalisée. Par exemple,style="width:70px !important"
applique une largeur de 70 pixels à toutes les colonnes Modifier la grille .
- Enregistrez votre composant et le formulaire.
-
Créez un fichier CSS local avec les largeurs de colonnes souhaitées. Dans notre exemple, le modèle suivant crée un
Column3
plus large (c'est-à-direnth-child(3)
) :.mygrid tbody>tr>:nth-child(1){ width: 70px; } .mygrid tbody>tr>:nth-child(2){ width: 15%; } .mygrid tbody>tr>:nth-child(3){ width: 60%; }
.mygrid tbody>tr>:nth-child(1){ width: 70px; } .mygrid tbody>tr>:nth-child(2){ width: 15%; } .mygrid tbody>tr>:nth-child(3){ width: 60%; } - Dans le panneau Propriétés (Properties) > champ LocalCSSFilePath de l'activité Créer un formulaire ( Create Form) , référencez le fichier CSS précédemment créé. Par exemple,
"/file://C:\User\Desktop\EditColumnWidth.css"
. - Dans le composant Grille de données (Data Grid ) > onglet Affichage (Display) > champ Classe CSS personnalisée ( Custom CSS Class ), entrez le nom de la classe CSS (par exemple,
mygrid
).
Pour vérifier les workflows complets ou pour avoir une future référence, téléchargez les exemples XAML
- Tutoriel
- Liaison de la table de données à vos composants Form et Grid
- Pour lier la table de données au composant Modifier la grille ou Grille de données :
- Personnalisation de la largeur des colonnes dans Modifier les composants de la grille
- Personnalisation de la largeur des colonnes dans les composants de grille de données
- Exemple de workflow