Partager via


Contrôle de texte HTML dans Power Apps

Zone qui affiche du texte et convertit les balises HTML en mise en forme.

Descriptif

Un contrôle de texte HTML affiche non seulement du texte brut et des nombres, mais convertit également des balises HTML, telles que des espaces non cassants.

Note

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

Note

Pour certains éléments HTML, le style de navigateur par défaut peut être supprimé. Par exemple, pour la liste HTML (<ul>, <ol>) vous devez écrire vos propres styles inline 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 principales

Couleur : couleur du texte dans un contrôle.

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

HtmlText : texte qui apparaît dans un contrôle de texte HTML et qui peut contenir des balises HTML.

Propriétés supplémentaires

AutoHeight : définissez la valeur true pour permettre au contrôle de développer automatiquement sa hauteur pour afficher tout le texte. Définissez la valeur false pour tronquer le texte à la hauteur affectée.

Note

L’activation de la propriété AutoHeight augmente la propriété Height du contrôle à une valeur maximale de 7680.

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.

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.

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.

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.

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

Note

OnSelect est ignoré pour les liens hypertexte 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 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.

Taille : 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 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).

Find( FindString, WithinString )

Example

  1. Ajoutez un contrôle Label , nommez-le Source et définissez sa propriété Text sur cette chaîne :

    "<p>We’ve  ; effectué un " inhabituellement deep" globalisation et localisation.<p>"

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

  2. Ajoutez un contrôle de texte HTML et définissez sa propriété HtmlText sur cette valeur :
    Source.Text

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

Conseils sur l’accessibilité

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

Contraste des couleurs

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

Prise en charge du clavier

  • Le contrôle ne peut pas agir comme un bouton. Il ne dispose 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 <a> des éléments, mais le paramètre d’application **Index d’onglet simplifiés » doit être activé. Sinon, l’ordre de navigation de tabulation est incorrect.