Contrôle Case d’options dans Power Apps

Contrôle d’entrée affichant plusieurs options. Les utilisateurs ne peuvent en sélectionner qu’une à la fois.

Description

Un contrôle Case d’options (contrôle d’entrée HTML standard) fonctionne au mieux avec quelques options qui s’excluent mutuellement.

Le contrôle peut avoir une disposition horizontale ou verticale.

Propriétés clés

Default  : valeur d’un contrôle avant qu’elle ne soit changée par un utilisateur.

Items  : source de données qui apparaît dans un contrôle tel qu’une galerie, une liste ou un graphique.

Layout : indique si les options sont disposées verticalement ou horizontalement.

Value  : valeur d’un contrôle d’entrée.

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

Toutes les propriétés

Align  : emplacement du texte par rapport au centre horizontal de son contrôle.

BorderColor  : couleur de bordure du contrôle.

BorderStyle  : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.

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

Color  : couleur du texte dans un contrôle.

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

DisabledBorderColor  : couleur de bordure d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

DisabledColor  : couleur du texte d’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.

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

FocusedBorderColor  : couleur de bordure d’un contrôle lorsque le contrôle est actif.

FocusedBorderThickness  : épaisseur de bordure d’un contrôle lorsque le contrôle est actif.

Font  : nom de la famille de polices dans laquelle le texte s’affiche.

FontWeight  : épaisseur du texte dans un contrôle : Gras, Semibold, Normal ou Plus claire.

Height  : distance entre le haut et le bas d’un contrôle.

HoverColor  : couleur du texte d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

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

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

LineHeight  : distance entre, par exemple, les lignes de texte ou les éléments d’une liste.

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 appuie ou clique sur 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 celui-ci.

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

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

PressedColor  : couleur de texte d’un contrôle lorsque l’utilisateur appuie ou clique dessus.

PressedFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur appuie ou clique dessus.

RadioBackgroundFill : couleur d’arrière-plan des cercles dans un contrôle Case d’options-Bouton.

RadioBorderColor : couleur du cercle pour chaque option dans un contrôle Case d’options-Bouton.

RadioSelectionFill : couleur affichée à l’intérieur du cercle de l’option sélectionnée dans un contrôle Case d’options-Bouton.

RadioSize : diamètre des cercles dans un contrôle Case d’options-Bouton.

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

SelectedText (déprécié)  : valeur de chaîne qui représente l’élément sélectionné.

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

Barré  : indique si une ligne s’affiche sur le texte qui apparaît sur un contrôle.

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

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

Underline  : indique si une ligne s’affiche sous le texte qui apparaît sur un contrôle.

Visible  : indique si un contrôle est visible ou est masqué.

Width  : distance entre les côtés droit et gauche 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).

Distinct( DataSource, ColumnName )

Exemple

  1. Ajoutez un contrôle Case d’options, nommez-le Pricing et définissez sa propriété Items sur la formule suivante :

    ["Standard", "Premium"]

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

  2. Ajoutez un contrôle Étiquette, déplacez-le sous le contrôle Case d’options et définissez la propriété Texte du contrôle Étiquette sur la formule suivante :

    If("Premium" in Pricing.Selected.Value, "$200 per day", "$150 per day")

    Vous souhaitez davantage d’informations sur la fonction If ou d’autres fonctions ?

  3. Tout en maintenant la touche Alt enfoncée, sélectionnez une option dans le contrôle Case d’options.

    Le contrôle Étiquette affiche le texte approprié de votre choix.

  4. (facultatif) Tout en maintenant la touche Alt enfoncée, sélectionnez l’autre option pour confirmer que le texte approprié s’affiche.

Instructions d’accessibilité

Contraste des couleurs

Outre les exigences relatives au contraste des couleurs standard, vérifiez que le contraste des couleurs est adéquat entre :

  • RadioSelectionFill et RadioBackgroundFill
  • RadioBackgroundFill et Fill

Prise en charge du lecteur d’écran

  • Vérifiez que chaque option a une Value.
  • Envisagez d’ajouter une Étiquette immédiatement avant le contrôle Case d’options pour servir d’en-tête.

Prise en charge du clavier

  • Définissez la propriété TabIndex avec une valeur égale ou supérieure à zéro pour que les utilisateurs du clavier puissent y accéder.
  • Définissez les propriétés FocusedBorderColor et FocusedBorderThickness pour que les indicateurs de focus soient clairement visibles.

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).