Liste personnalisée

Remarque : si vous rencontrez des problèmes de scintillement ou si la barre de défilement horizontale ne fonctionne pas correctement, assurez-vous de définir une hauteur et une largeur de conteneur fixes.

Alors que la commande Table (Table) représente les données sous forme de lignes et de colonnes, la liste personnalisée (Custom List) [anciennement nommée liste avancée (Advanced List)] offre la possibilité de représenter les données dans le format dont l'utilisateur a besoin. Dans le champ Liste Personnalisée (Custom List), l'utilisateur peut utiliser différents champs et les positionner selon son choix à l'aide du Modèle. Un modèle n'est rien d'autre qu'un conteneur qui contient des commandes et d'autres conteneurs.

La liste personnalisée a 2 ensembles de propriétés, l'un pour la liste personnalisée et l'autre pour le modèle qu'il contient.

Remarque : vous pouvez naviguer entre les propriétés de la liste personnalisée et les propriétés du modèle en cliquant sur la commande dans la zone de dessin ou dans l'arborescence sur la gauche. Chaque clic bascule la sélection entre la liste avancée et son modèle dans la zone de dessin.

Propriétés des listes personnalisées

Général

• Info-bulle (Tooltip) : info-bulle à afficher sur la liste personnalisée. Utilisez-la pour fournir des informations supplémentaires sur la commande.
• Source de données (Data Source) : source du champ de la table. Les types de données valides sont Data Table et Object Array.
• Liaison de la valeur sélectionnée (Selected Value Binding) : liez la valeur sélectionnée de la table au moment de l'exécution à un argument de processus RPA ou à un champ d'application.
• Masqué (Hidden) : si sélectionné, masque la commande dans le runtime.
• Désactivé : si sélectionné, désactive la commande dans le runtime.

Events

• Valeur modifiée (Value changed) : configurez ce qui se passe lorsque la valeur est modifiée.

Style

• Alignement de commande (Control Alignment) : hérite de l'alignement parent par défaut. Un autre alignement que le parent peut être défini. Pour utiliser par défaut l'alignement du parent, basculez les icônes d'alignement sélectionnées pour désactiver l'alignement spécifique.

  Remarque : l'alignement dépend de la mise en page du parent (verticale ou horizontale).
• Mise en page (Layout) : déterminez l'affichage des modèles dans la liste avancée. Elle peut être horizontale (côte à côte) ou verticale (l'un en dessous de l'autre).
• Espace intermédiaire (Space Between) : déterminez l'espace entre les modèles.
• Marge (Margin) : définit la marge de la commande. La marge 4px est définie par défaut. Les propriétés des marges Haut/Bas et Gauche/Droite sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton de dissociation situé à droite de l'en-tête de la section Marge (Margin).
• Remplissage (Padding) : définit le remplissage de la commande. Les propriétés de remplissage Haut/Bas et Gauche/Droite sont combinées. Ces propriétés peuvent être dissociées à l'aide de l'icône de dissociation sur le côté droit de l'en-tête de la section de remplissage si différentes valeurs de remplissage doivent être définies pour chaque côté.
• Taille (Size) : la largeur et la hauteur de la commande peuvent être définies dans la section taille. Par défaut, la taille est définie sur Auto. La largeur min/hauteur min et la largeur max/hauteur max sont disponibles sous la section Plus (More) (...) dans la section taille.

Propriétés du modèle

Général

Aucune propriété

Events

• Cliqué (Clicked On) : configurez ce qui se passe lorsqu'un clic est effectué sur le modèle.

Style

Remarque : si vous utilisez la commande Image dans une commande Liste personnalisée (Custom List), assurez-vous de spécifier la taille de l'image (propriétés largeur et hauteur) pour un rendu plus rapide et pour éviter le scintillement de l'image au runtime.

• Mise en page (Layout) : déterminez le positionnement des commandes du modèle.

  • Sens (horizontal/vertical) [Direction (Horizontal/Vertical)] : les commandes sont disposées l'une en dessous de l'autre (vertical) ou côte à côte (horizontal).
  • Alignement (Alignment) : contrôle l'alignement dans le modèle (gauche, centre, droite et étirement dans le sens vertical et haut, milieu, bas, étirement dans le sens horizontal).
  • Justifier (Justify) : haut, milieu, bas et distribution dans le sens vertical et gauche, centre, droite et distribution dans le sens horizontal.

  • Autoriser l'encapsulage (Allow wrapping) : si activé, encapsule le contrôle dans le conteneur s'il n'y a pas assez d'espace.

    Remarque : La propriété Autoriser l'encapsulage (Allow Wrapping) est appliquée lorsque la taille (largeur ou hauteur) est définie sur une valeur définie et non sur Auto.
• Couleur d'arrière-plan (Background Color) : définit la couleur d'arrière-plan du modèle.
• Bordure (Border) : définit la bordure du contrôle. L'épaisseur de la bordure, la couleur de la bordure et le rayon du coin peuvent être configurés.
• Remplissage (Padding) : définit le remplissage du modèle. Le remplissage 8px est défini par défaut. Les propriétés de remplissage Haut/Bas et Gauche/Droite sont combinées. Ces propriétés peuvent être dissociées à l'aide de l'icône de dissociation sur le côté droit de l'en-tête de la section de remplissage si différentes valeurs de remplissage doivent être définies pour les côtés Haut, Bas, Gauche et Droit.

• Taille (Size) : la largeur et la hauteur de la commande peuvent être définies dans la section Taille. La largeur est héritée du parent de la disposition verticale et ne peut pas être modifiée. De même, la hauteur est héritée du parent de la disposition horizontale et ne peut pas être modifiée. Largeur min./Hauteur min. et Largeur max./Hauteur max. sont disponibles sous Plus (...) dans la section Taille.

Remarque :

Les listes personnalisées sont mieux optimisées lorsqu'elles ont une hauteur de pixel fixe, c'est-à-dire lorsque le défilement virtuel est activé.

Pour un grand nombre de lignes dans une liste personnalisée, il existe une option pour utiliser le défilement virtuel afin que les éléments de la fenêtre se chargent instantanément et que les éléments à venir soient chargés progressivement au fur et à mesure que vous faites défiler. Le défilement virtuel ne fonctionne que lorsque la hauteur de la liste personnalisée est définie sur une hauteur en pixels.

Si le défilement virtuel n'est pas utilisé, une liste personnalisée avec un grand nombre de lignes peut être lente.

Le défilement virtuel améliore les performances en ne chargeant que les éléments pertinents dans la fenêtre au runtime. Cela ne fonctionne que lorsqu'une hauteur est configurée et non définie sur auto.

Si la propriété Hauteur est définie sur auto, la taille de la commande au runtime et à la conception peut ne pas correspondre. Cela se produit parce que la hauteur de la commande dépend du nombre de lignes renvoyées au runtime, alors qu'au moment de la conception, la commande est vide.

Pour toute commande contenant des données dynamiques, telles que des tables, des listes ou des listes personnalisées, nous vous recommandons de configurer une hauteur fixe pour améliorer les performances.