Partilhar via

Controlo Texto HTML no Power Apps

  • Artigo

Uma caixa que mostra e converte tags de HTML em formatação.

Descrição

Os controlos de Texto HTML não só mostram texto simples e números, como também convertem tags de HTML, como espaços sem quebra.

Nota

O controlo Texto HTML pressupõe que o HtmlText está relativamente posicionado. Se precisar de utilizar uma posição absoluta para o seu texto HTML, encapsule o texto em torno de uma div relativamente posicionada. Por exemplo, "<div style='position:relative'>" & varPageContent & "</div>"

Nota

Para alguns elementos de HTML, o estilo predefinido do browser pode ser eliminado. Por exemplo, para a lista HTML (<ul>, <ol>) tem de escrever os seus próprios estilos inline para obter o estilo predefinido novamente. 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>

Propriedades principais

Color – a cor do texto num controlo.

Font – o nome da família dos tipos de letra que aparecem no texto.

HtmlText – o texto que aparece num controlo Texto HTML e que pode conter tags de HTML.

Propriedades adicionais

BorderColor – a cor do limite de um controlo.

BorderStyle – se o limite do controlo é Sólido, Tracejado, Com pontos ou Nenhum.

BorderThickness – a espessura do limite de um controlo.

DisplayMode – se o controlo permite a intervenção do utilizador (Editar), apenas apresenta os dados (Visualizar), ou está desativado (Desativado).

DisabledBorderColor – a cor do limite de um controlo se a propriedade DisplayMode do controlo estiver definida como Desativada.

DisabledFill – a cor de fundo de um controlo se a respetiva propriedade DisplayMode estiver definida como Desativada.

Fill – a cor de fundo de um controlo.

Height – a distância entre as margens superiores e inferiores de um controlo.

HoverBorderColor – a cor do limite de um controlo quando o utilizador mantém o ponteiro do rato nesse controlo.

OnSelect – Ações a efetuar quando o utilizador toca ou seleciona um controlo.

Nota

OnSelect é ignorado por hiperligações dentro do conteúdo referenciado dentro da propriedade HtmlText.

PaddingBottom – a distância entre o texto num controlo e o limite inferior desse controlo.

PaddingLeft – a distância entre o texto num controlo e o limite esquerdo desse controlo.

PaddingRight – a distância entre o texto num controlo e o limite direito desse controlo.

PaddingTop – a distância entre o texto num controlo e o limite superior desse controlo.

Size – o tamanho do tipo de letra do texto que é apresentado num controlo.

Tooltip – o texto explicativo que aparece quando o rato passa por cima de um controlo.

Visible – se um controlo é apresentado ou está oculto.

Width – a distância entre as margens esquerda e direita de um controlo.

X – a distância entre o limite esquerdo de um controlo e o limite esquerdo do respetivo recipiente principal (do ecrã, se não existir um recipiente principal).

Y – a distância entre o limite superior de um controlo e o limite superior do recipiente principal (do ecrã, se não existir um recipiente principal).

Find( FindString, WithinString )

Exemplo

  1. Adicione um controlo de Etiqueta, dê-lhe o nome Origem e defina a propriedade Text a esta cadeia:

    "<p>Fizemos&nbsp;uma &quot;deep&quot; globalização e localização anormalmente grande.<p>"

    Não sabe como adicionar, atribuir um nome e configurar um controlo?

  2. Adicione um controlo de Texto HTML e defina a propriedade HtmlText com este valor:
    Source.Text

    O controlo de Texto HTML mostra o mesmo texto que o controlo de Etiqueta, mas converte as etiquetas nos carateres certos.

Diretrizes de acessibilidade

O mapeamento ARIA para elementos no controlo Texto HTML não são definidos automaticamente pelo Power Apps.

Contraste de cor

Tem de existir contraste de cor adequado entre:

  • Color e Fill
  • Texto com cores personalizadas e fundo

Suporte de teclado

  • O controlo não pode agir como um botão. Não tem TabIndex e os utilizadores do teclado não irão conseguir concentrar-se nele.
  • O controlo pode conter partes interativas em HtmlText como elementos <a>, mas a definição da aplicação **Índices de separador simplificados" tem de ser ativada. Caso contrário, a ordem de navegação de separadores estará errada.

Nota

Pode indicar-nos as suas preferências no que se refere ao idioma da documentação? Responda a um breve inquérito. (tenha em atenção que o inquérito está em inglês)

O inquérito irá demorar cerca de sete minutos. Não são recolhidos dados pessoais (declaração de privacidade).