Compartir por

Control de textos HTML en Power Apps

  • Artigo

Unha caixa que mostra o texto e converte as etiquetas HTML en formato.

Descripción

Un control de Textos HTML non só mostra texto sen formato e números, senón que converte etiquetas HTML, como espazos sen salto.

Nota

O control de texto HTML supón que o texto HTML está relativamente situado. Se precisa empregar unha posición absoluta para o seu texto HTML, envolva o texto arredor dun div relativamente posicionado. Por exemplo, "<div style='position:relative'>" & varPageContent & "</div>"

Nota

Para algúns elementos HTML é posible que se elimine o estilo predeterminado do navegador. Por exemplo, para a lista HTML (<ul>, <ol>) terá que escribir os seus propios estilos en liña para recuperar o estilo predeterminado. Por exemplo:

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

Propiedades da clave

Cor – A cor do texto dun control.

Tipo de letra - O nome da familia de tipos de letra na que aparece o texto.

HtmlText - Texto que aparece nun control de texto HTML e que pode conter etiquetas HTML.

Propiedades adicionais

BorderColor: cor do bordo dun control.

BorderStyle: se un bordo dun control é Sólido, A trazos, Punteado ou Ningún.

BorderThickness: grosor do bordo dun control.

DisplayMode: se o control permite a entrada do usuario (Editar), só mostra datos (Ver) ou está desactivado (Desactivado).

DisabledBorderColor – A cor do bordo dun control se a propiedade DisplayMode do control está establecida en Desactivado.

DisabledFill – A cor de fondo dun control se a súa propiedade DisplayMode está establecida en Desactivado.

Enchemento: a cor de fondo dun control.

Altura: distancia entre os bordos superior e inferior dun control.

HoverBorderColor – A cor do bordo dun control cando o usuario mantén o punteiro do rato sobre ese control.

OnSelect - Accións a realizar cando o usuario selecciona un control.

Nota

OnSelect é ignorado para hipervínculos dentro do contido referenciado dentro da propiedade HtmlText.

PaddingBottom - A distancia entre o texto dun control e o bordo inferior dese control.

PaddingLeft - A distancia entre o texto dun control e o bordo esquerdo dese control.

PaddingRight - A distancia entre o texto dun control e o bordo dereito dese control.

PaddingTop - A distancia entre o texto dun control e o bordo superior dese control.

Tamaño - O tamaño do tipo de letra do texto que aparece nun control.

Información sobre ferramentas: texto explicativo que aparece cando o usuario pasa o cursor do rato sobre un control.

Visible: se aparece un control ou está oculto.

Largura: distancia entre os bordos esquerdo e dereito dun control.

X: A distancia entre o bordo esquerdo dun control e o bordo esquerdo do seu contedor principal (pantalla, se non hai ningún contedor principal).

Y: A distancia entre o bordo superior dun control e o bordo superior do contedor principal (pantalla, se non hai ningún contedor principal).

Find( FindString, WithinString )

Exemplo

  1. Engada un control Label, asígnelle o nome Orixe e estableza a súa propiedade Texto nesta cadea:

    "<p>Fixemos&nbsp;unha globalización e localización moi &quot;profunda&quot;.<p>"

    Non sabe como engadir, asignar un nome e configurar un control?

  2. Engada un control de Texto HTML e configure a súa propiedade HtmlText neste valor:
    Source.Text

    O control Texto HTML mostra o mesmo texto que o control Label pero converte as etiquetas en caracteres axeitados.

Directrices de accesibilidade

ARIA a asignación de elementos dentro do control texto HTML non se define automaticamente por Power Apps.

Contraste de cor

Debe haber un contraste de cor adecuado entre:

  • Cor e Recheo
  • Texto con cores personalizadas e o seu fondo

Compatibilidade do teclado

  • O control non pode actuar como un botón. Non ten TabIndex e os usuarios do teclado non poderán centrarse nel.
  • O control pode conter partes interactivas en HtmlText como <a> elementos, pero a configuración da aplicación ** Índices de pestanas simplificados" debe estar activada. En caso contrario, a orde de navegación das pestanas será incorrecta.

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).