Control Texto HTML en Power Apps

  • Artículo

Un cuadro que muestra el texto y convierte las etiquetas HTML en formato.

Descripción

Un control Texto HTML no solo muestra texto sin formato y números, también convierte las etiquetas HTML, como los espacios de no separación.

Nota

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

Nota

Para algunos elementos HTML, es posible que se elimine el estilo predeterminado del navegador. Por ejemplo, para la lista HTML (<ul>, <ol>) deberá escribir sus propios estilos en línea para recuperar 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 importantes

Color: el color del texto en un control.

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

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

Propiedades adicionales

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

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

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

Fill: el color de fondo de un control.

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

HoverBorderColor: el color del borde de un control cuando el usuario mantiene el puntero del ratón sobre ese control.

OnSelect: acciones para llevar a cabo cuando el usuario selecciona un control.

Nota

OnSelect se ignora para los hipervínculos dentro del contenido al que se hace referencia en el interior 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: distancia entre el texto de un control y el borde derecho de ese control.

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

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

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

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

Width: la distancia entre los bordes derecho e izquierdo 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 )

Ejemplo

  1. Agregue un control Etiqueta, llámelo Source y establezca su propiedad Text en esta cadena:

    "<p>Hemos&nbsp;realizado una tarea de globalización y localización particularmente &quot;intensiva&quot;.<p>"

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

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

    El control Texto HTML muestra el mismo texto que el control Etiqueta pero convierte las etiquetas en los caracteres correspondientes.

Instrucciones para accesibilidad

Asignación ARIA para elementos dentro del control Texto HTML no se definen automáticamente por Power Apps.

Contraste de color

Debe haber un contraste de color adecuado entre:

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

Compatibilidad con el teclado

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

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).