Contrôle Texte HTML dans Power Apps

  • Article

Zone qui affiche du texte et convertit des balises HTML pour la mise en forme.

Description

Un contrôle Texte HTML affiche non seulement du texte brut et des nombres, mais convertit également les balises HTML, comme les espaces insécables.

Notes

Le contrôle Texte HTML suppose que le HtmlText soit positionné de manière relative. Si vous devez utiliser une position absolue pour votre texte HTML, enveloppez le texte autour d’un div positionné relativement. Par exemple,"<div style='position:relative'>" & varPageContent & "</div>"

Notes

Pour certains éléments HTML, le style de navigateur par défaut peut être supprimé. Par exemple, pour la liste HTML (<ul>, <ol>), vous devrez écrire vos propres styles en ligne pour récupérer le style par défaut. Par exemple :

<ul style='display: block;
           list-style-type: disc;
           margin-block-start: 1em;
           margin-block-end: 1em;
           margin-inline-start: 0px;
           margin-inline-end: 0px;
           padding-inline-start: 40px;'>
  ...
</ul>

Propriétés clés

Color  : couleur du texte dans un contrôle.

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

HtmlText : texte qui s’affiche dans un contrôle Texte HTML et qui peut contenir des balises HTML.

Propriétés supplémentaires

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.

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.

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.

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

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

OnSelect – Actions à effectuer quand l’utilisateur sélectionne un contrôle.

Notes

OnSelect est ignoré pour les hyperliens dans le contenu référencé dans la propriété HtmlText.

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.

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

Info-bulle  : texte explicatif qui s’affiche lorsque l’utilisateur pointe 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).

Find( FindString, WithinString )

Exemple

  1. Ajoutez un contrôle Étiquette nommez-le Source et définissez sa propriété Texte sur la chaîne suivante :

    "<p>Nous avons&nbsp;effectué un &quot;gros&quot; travail d’internationalisation et de traduction.<p>"

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

  2. Ajoutez un contrôle Texte HTML et définissez sa propriété HtmlText sur la valeur suivante :
    Source.Texte

    Le contrôle Texte HTML affiche le même texte que le contrôle Étiquette, mais convertit les balises en caractères appropriés.

Instructions d’accessibilité

Le mappage ARIA pour les éléments à l’intérieur du contrôle Texte HTML n’est pas défini automatiquement par Power Apps.

Contraste des couleurs

Il doit exister un contraste des couleurs adéquat entre :

  • Color et Fill
  • Texte avec des couleurs personnalisées et son arrière-plan

Prise en charge du clavier

  • Le contrôle ne peut pas agir comme un bouton. Il n’a pas de TabIndex et les utilisateurs de clavier ne pourront pas se concentrer dessus.
  • Le contrôle peut contenir des parties interactives dans HtmlText comme des éléments <a>, mais le paramètre d’application **Index d’onglets simplifiés » doit être activé. Sinon, l’ordre de navigation des onglets sera erroné.

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