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 un conteneur de hauteur et de largeur fixes.

While Table control represents data as rows and columns, Custom List (previously called Advanced List) provides flexibility to represent data in the format the user needs them. In the Custom List control, the user can use various controls and position them according to their choice using the Template. A template is nothing but a Container that holds controls and other containers.

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

• Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default to Parent's alignment, toggle the selected alignment icons to switch off the specific alignment.

  Remarque :

  Alignment is dependent on Parent's layout ( Vertical vs Horizontal ).

• 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é.

• Size - The width and height of the control can be set in the size section. By default, the size is set to Auto. Min Width/ Min Height and Max Width/ Max Height are available under more (...) in the size section.

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.

  • Direction (Horizontal/Vertical) - Controls are arranged one below the other (vertical) or side by side (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.
• Size - The width and height of the control can be set in the size section. Width is inherited from the parent for Vertical layout and cannot be edited. Similarly Height is inherited from the parent for Horizontal layout and cannot be edited. Min Width/ Min Height and Max Width/ Max Height are available under more (...) in the size section.

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.