Contrôle déroulant dans Power Apps

Liste qui affiche uniquement le premier élément, sauf si l’utilisateur l’ouvre.

Descriptif

Un contrôle déroulant conserve l’immobilier de l’écran, en particulier lorsque la liste contient de nombreux choix. Le contrôle ne prend qu’une seule ligne, sauf si l’utilisateur sélectionne le chevron pour afficher plus de choix. Le contrôle affiche un maximum de 500 éléments.

Propriétés principales

Valeur par défaut : valeur initiale d’un contrôle avant que l’utilisateur spécifie une valeur différente.

Éléments : source de données qui contient les éléments qui apparaissent dans le contrôle. Si la source comporte plusieurs colonnes, définissez la propriété Valeur du contrôle sur la colonne de données que vous souhaitez afficher.

Valeur : colonne de données que vous souhaitez afficher dans le contrôle (par exemple, si une source de données contient plusieurs colonnes).

Selected : enregistrement de données qui représente l’élément sélectionné.

AllowEmptySelection : indique si le contrôle ne peut pas avoir d’éléments sélectionnés. Lorsque la valeur est false, il y aura toujours un élément sélectionné, qui sera initialement la valeur Par défaut ou le premier élément.

Propriétés supplémentaires

AccessibleLabel : étiquette pour les lecteurs d’écran.

BorderColor : couleur de la bordure d’un contrôle.

BorderStyle : indique si la bordure d’un contrôle est Solid, Dashed, Dotted ou None.

BorderThickness : épaisseur de la bordure d’un contrôle.

ChevronBackground : couleur derrière la flèche vers le bas dans une liste déroulante.

ChevronFill : couleur de la flèche vers le bas dans une liste déroulante.

Couleur : couleur du texte dans un contrôle.

DisplayMode : indique si le contrôle autorise l’entrée utilisateur (Modifier), affiche uniquement les données (Affichage) ou est désactivé (Désactivé).

DisabledBorderColor : couleur de la bordure d’un contrôle si la propriété DisplayMode du contrôle a la valeur Disabled.

DisabledColor : couleur du texte dans un contrôle si sa propriété DisplayMode est définie sur Disabled.

DisabledFill : couleur d’arrière-plan d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

Remplissage : couleur d’arrière-plan d’un contrôle.

FocusBorderColor : couleur de la bordure d’un contrôle lorsque le contrôle est concentré.

FocusBorderThickness : épaisseur de la bordure d’un contrôle lorsque le contrôle est concentré.

Police : nom de la famille de polices dans laquelle le texte apparaît.

FontWeight : poids du texte dans un contrôle : Gras, Semibold, Normal ou Plus léger.

Hauteur : distance entre les bords supérieurs et inférieurs d’un contrôle.

HoverBorderColor : couleur de la bordure d’un contrôle lorsque l’utilisateur conserve le pointeur de la souris sur ce contrôle.

HoverColor : couleur du texte dans un contrôle lorsque l’utilisateur conserve le pointeur de la souris dessus.

HoverFill : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur conserve le pointeur de la souris dessus.

Italique : indique si le texte d’un contrôle est italique.

OnChange : actions à effectuer lorsque l’utilisateur modifie la valeur d’un contrôle (par exemple, en ajustant un curseur).

OnSelect : actions à effectuer lorsque l’utilisateur sélectionne un contrôle.

PaddingBottom : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.

PaddingLeft : distance entre le texte d’un contrôle et le bord gauche de ce contrôle.

PaddingRight : distance entre le texte d’un contrôle et le bord droit de ce contrôle.

PaddingTop : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.

PressedBorderColor : couleur de la bordure d’un contrôle lorsque l’utilisateur sélectionne ce contrôle.

PressedColor : couleur du texte dans un contrôle lorsque l’utilisateur sélectionne ce contrôle.

PressedFill : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur sélectionne ce contrôle.

Réinitialiser : indique si un contrôle revient à sa valeur par défaut.

SelectedText (déconseillé) : valeur de chaîne qui représente l’élément sélectionné. Utilisez plutôt Dropdown1.SelectedText.Value , en remplaçant « Dropdown1 » par le nom du contrôle déroulant dans l’application.

SelectionColor : couleur de texte d’un élément ou d’un élément sélectionné dans une liste ou la couleur de l’outil de sélection dans un contrôle de stylet.

SelectionFill : couleur d’arrière-plan d’un élément ou d’éléments sélectionnés dans une liste ou une zone sélectionnée d’un contrôle de stylet.

Taille : taille de police du texte qui apparaît sur un contrôle.

Barre d’accès : indique si une ligne s’affiche via le texte qui apparaît sur un contrôle.

TabIndex : ordre de navigation clavier par rapport à d’autres contrôles.

Info-bulle : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.

Soulignement : indique si une ligne apparaît sous le texte qui apparaît sur un contrôle.

Visible : indique si un contrôle apparaît ou est masqué.

Largeur : distance entre les bords gauche et droit d’un contrôle.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou de l’écran à défaut de conteneur parent).

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou de l’écran à défaut de conteneur parent).

Examples

Liste simple

1. Ajoutez un contrôle déroulant et définissez sa propriété Items sur cette expression :

   ["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]

   Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?

2. Affichez les éléments de la liste en sélectionnant la flèche vers le bas du contrôle tout en appuyant sur la touche Alt .

Liste à partir d’une source de données

Les principes de cette procédure s’appliquent à toute source de données qui fournit des tables , mais pour suivre ces étapes exactement, vous devez ouvrir un environnement pour lequel une base de données Microsoft Dataverse a été créée et des exemples de données ajoutés.

1. Ouvrez une application vide et ajoutez la table Accounts à partir de Dataverse.

2. Ajoutez un contrôle déroulant et définissez sa propriété Items sur cette formule :

   Distinct(Accounts, 'Address 1: City')

   Cette formule affiche toutes les villes de la table Comptes . Si plusieurs enregistrements ont la même ville, la fonction Distinct masque la duplication dans votre contrôle déroulant.

3. (Facultatif) Renommez votre contrôle Déroulant en Villes, ajoutez un contrôle Galerie verticale et définissez la propriété Items de la galerie sur cette formule :

   Filter(Accounts, address1_city == Cities.Selected.Result)

   Cette fonction Filter affiche uniquement les enregistrements de la table Comptes pour lesquels la ville correspond à la valeur sélectionnée dans le contrôle Cities .

Conseils sur l’accessibilité

Contraste des couleurs

Il doit y avoir un contraste de couleur adéquat entre :

• ChevronFill et ChevronBackground
• ChevronHoverFill et ChevronHoverBackground
• SelectionColor et SelectionFill
• SelectionFill et Fill

Cela s’ajoute aux exigences de contraste de couleur standard.

Prise en charge du lecteur d’écran

• AccessibleLabel doit être présent.

Prise en charge du clavier

• TabIndex doit être égal à zéro ou supérieur afin que les utilisateurs du clavier puissent y accéder.
• Les indicateurs de focus doivent être clairement visibles. Utilisez FocusBorderColor et FocusBorderThickness pour y parvenir.