Controllo Testo HTML in Power Apps

  • Articolo

Casella che permette di visualizzare testo e convertire tag HTML in formattazione.

Descrizione

Un controllo Testo HTML non mostra soltanto numeri e testo normale, ma permette anche di convertire tag HTML, come ad esempio gli spazi unificatori.

Nota

Il controllo del testo HTML presuppone che HtmlText sia posizionato relativamente. Se è necessario utilizzare una posizione assoluta per il testo HTML, racchiudere il testo intorno a un elemento div posizionato relativamente. Ad esempio, "<div style='position:relative'>" & varPageContent & "</div>"

Nota

Per alcuni elementi HTML, lo stile predefinito del browser potrebbe essere eliminato. Ad esempio, per l'elenco HTML (<ul>, <ol>) dovrai scrivere i tuoi stili inline per ripristinare lo stile predefinito. Gli oggetti prestazione

<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>

Proprietà chiave

Color: colore del testo di un controllo.

Font: nome della famiglia di caratteri in cui viene visualizzato il testo.

HtmlText: testo visualizzato in un controllo Testo HTML e che può contenere tag HTML.

Proprietà aggiuntive

BorderColor: colore del bordo di un controllo.

BorderStyle: indica se il bordo di un controllo è Solid (Tinta unita), Dashed (Tratteggiato), Dotted (Punteggiato) o None (Nessuno).

BorderThickness: spessore del bordo di un controllo.

DisplayMode: indica se il controllo consente l'input dell'utente (Edit), visualizza solo i dati (View) o è disabilitato (Disabled).

DisabledBorderColor: colore del bordo di un controllo se la relativa proprietà DisplayMode è impostata su Disabled.

DisabledFill: colore dello sfondo di un controllo se la relativa proprietà DisplayMode è impostata su Disabled.

Fill: colore dello sfondo di un controllo.

Height: distanza tra i bordi superiore e inferiore del controllo.

HoverBorderColor: colore del bordo di un controllo quando l'utente posiziona il puntatore del mouse su di esso.

OnSelect: azioni da eseguire quando l'utente seleziona un controllo.

Nota

OnSelect viene ignorato per i collegamenti ipertestuali in contenuto a cui si fa riferimento nella proprietà HtmlText.

PaddingBottom: distanza tra il testo in un controllo e il bordo inferiore del controllo.

PaddingLeft: distanza tra il testo in un controllo e il bordo sinistro del controllo.

PaddingRight: distanza tra il testo in un controllo e il bordo destro del controllo.

PaddingTop: distanza tra il testo in un controllo e il bordo superiore del controllo.

Size: dimensione del carattere del testo visualizzato in un controllo.

Tooltip: testo descrittivo visualizzato quando l'utente posiziona il mouse su un controllo.

Visible: indica se un controllo viene visualizzato o è nascosto.

Width: distanza tra i bordi sinistro e destro di un controllo.

X: distanza tra il bordo sinistro di un controllo e il bordo sinistro del contenitore padre o della schermata se non c'è un contenitore padre.

Y: distanza tra il bordo superiore di un controllo e il bordo superiore del contenitore padre o della schermata se non c'è un contenitore padre.

Find( FindString, WithinString )

Esempio

  1. Aggiungi un controllo Etichetta denominato Source e impostane la proprietà Text sulla stringa seguente:

    "<p>Sono state&nbsp;eseguite operazioni di globalizzazione e localizzazione insolitamente &quot;approfondite&quot;.<p>"

    Non sai come aggiungere un controllo, assegnargli un nome e configurarlo?

  2. Aggiungi un controllo Testo HTML e impostane la proprietà HtmlText sul valore seguente:
    Source.Text

    Il controllo Testo HTML mostra lo stesso testo del controllo Etichetta ma converte i tag in caratteri appropriati.

Linee guida per l'accessibilità

Il mapping ARIA per gli elementi all'interno del controllo Testo HTML non è definita automaticamente da Power Apps.

Contrasto dei colori

È necessario un contrasto dei colori adeguato tra:

  • Color e Fill
  • Testo con colori personalizzati e relativo sfondo

Supporto per la tastiera

  • Il controllo non può fungere da pulsante. Non include TabIndex e gli utenti con la tastiera non saranno in grado di impostare lo stato attivo su di esso.
  • Il controllo può contenere parti interattive in HtmlText come elementi <a>, ma l'impostazione dell'app **Indici di schede semplificati" deve essere abilitata. In caso contrario, l'ordine di spostamento tra le schede sarà errato.

Nota

Puoi indicarci le tue preferenze di lingua per la documentazione? Partecipa a un breve sondaggio. (il sondaggio è in inglese)

Il sondaggio richiederà circa sette minuti. Non viene raccolto alcun dato personale (Informativa sulla privacy).