Compartir a través de

Control de texto HTML en Power Apps

Cuadro que muestra texto y convierte etiquetas HTML en formato.

Description

Un control de texto HTML no solo muestra texto sin formato y números, sino que también convierte etiquetas HTML, como espacios no importantes.

Nota:

El control de texto HTML supone que HtmlText está relativamente colocado. Si necesita usar una posición absoluta para el texto HTML, ajuste el texto alrededor de un div relativamente colocado. Por ejemplo: "<div style='position:relative'>" & varPageContent & "</div>"

Nota:

Para algunos elementos HTML, es posible que se elimine el estilo predeterminado del explorador. Por ejemplo, para la lista HTML (<ul>, <ol>) deberá escribir sus propios estilos insertados para devolver el estilo predeterminado. Por ejemplo

<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 de la clave

Color : color del texto de un control.

Fuente : el nombre de la familia de fuentes en la que aparece el texto.

HtmlText : texto que aparece en un control de texto HTML y que puede contener etiquetas HTML.

Propiedades adicionales

AutoHeight: establézcalo en true para permitir que el control aumente automáticamente su altura para mostrar todo el texto. Establézcalo en false para truncar el texto en el alto asignado.

Nota:

La habilitación de la propiedad AutoHeight aumentará la propiedad Height del control a un valor máximo de 7680.

BorderColor : color del borde de un control.

BorderStyle : indica si el borde de un control es Sólido, Discontinuo, Punteado o Ninguno.

BorderThickness : grosor del borde de un control.

DisplayMode : indica si el control permite la entrada del usuario (Editar), solo muestra datos (Vista) o está deshabilitado (Deshabilitado).

DisabledBorderColor : color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

DisabledFill : color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.

Relleno : color de fondo de un control.

Alto : distancia entre los bordes superior e inferior de un control.

HoverBorderColor : color del borde de un control cuando el usuario mantiene el puntero del mouse en ese control.

OnSelect : acciones que se deben realizar cuando el usuario selecciona un control.

Nota:

OnSelect se omite para los hipervínculos dentro del contenido al que se hace referencia dentro de la propiedad HtmlText .

PaddingBottom : distancia entre el texto de un control y el borde inferior de ese control.

PaddingLeft : distancia entre el texto de un control y el borde izquierdo de ese control.

PaddingRight : la distancia entre el texto de un control y el borde derecho de ese control.

PaddingTop : la distancia entre el texto de un control y el borde superior de ese control.

Tamaño : tamaño de fuente del texto que aparece en un control.

Información sobre herramientas: texto explicativo que aparece cuando el usuario mantiene el puntero sobre un control.

Visible : indica si un control aparece o está oculto.

Ancho : distancia entre los bordes izquierdo y derecho de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

Find( FindString, WithinString )

Example

  1. Agregue un control Label , asígnele el nombre Source y establezca su propiedad Text en esta cadena:

    "<p>Tenemos  hecho un inusualmente " deep" globalización y localización.<p>"

    ¿No sabe cómo agregar, nombrar y configurar un control?

  2. Agregue un control de texto HTML y establezca su propiedad HtmlText en este valor:
    Source.Text

    El control de texto HTML muestra el mismo texto que el control Etiqueta , pero convierte las etiquetas en los caracteres adecuados.

Directrices de accesibilidad

Power Apps no define automáticamente la asignación de ARIA para los elementos dentro del control de texto HTML .

Contraste de color

Debe haber un contraste de color adecuado entre:

  • Color y relleno
  • Texto con colores personalizados y su fondo

Compatibilidad de teclado

  • El control no puede actuar como un botón. No tiene TabIndex y los usuarios del teclado no podrán centrarse en él.
  • El control puede contener elementos interactivos en HtmlText como <a> elementos, pero la configuración de la aplicación **Índices de pestaña simplificados" debe estar habilitada. De lo contrario, el orden de navegación de la pestaña será incorrecto.
  • Last updated on