Контрола HTML текст в Power Apps

  • Статия

Поле, която показва текст и конвертира HTML маркери във форматиране.

Описание

Контролата HTML text не само показва обикновен текст и цифри, но също така преобразува HTML маркери, като например неразбиващи се интервали.

Бележка

Контролата за HTML текст приема, че HtmlText е относително позициониран. Ако трябва да използвате абсолютна позиция за HTML текста, пренесете текста около относително позициониран div. Например, "<div style='position:relative'>" & varPageContent & "</div>"

Бележка

За някои HTML елементи стилът по подразбиране на браузъра може да бъде изтрит. Например, за HTML списък (<ul>,) ще трябва да напишете свои собствени вградени стилове, <ol> за да получите обратно стила по подразбиране. Например:

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

Свойства на ключове

Color – Цветът на текста в контрола.

Font - Името на семейството шрифтове, в което се появява текст.

HtmlText - Текст, който се появява в HTML контрол на текст и може да съдържа HTML тагове.

Допълнителни свойства

BorderColor – Цветът на границата на контролата.

BorderStyle – Дали границата на контрола е солидна, с тирета, с точки или няма.

BorderThickness – Дебелината на границата на контролата.

DisplayMode – Дали контрола позволява въвеждане от потребителя (редактиране), показва само данни (изглед) или е деактивирана (Забранено).

DisabledBorderColor - Цветът на границата на контрола, ако този на свойството DisplayMode на контролата е настроено на Забранено.

DisabledFill - Цветът на фона на контрола, ако нейното свойство DisplayMode е настроено на Забранено.

Fill – Цветът на запълване в контрола.

Height - Разстоянието между горния и долния ръб на контрола.

HoverBorderColor - Цвят на границата на контролата, когато потребителят държи показалеца на мишката върху нея.

OnSelect – Действия, които се извършват, когато потребителят избере контрола.

Бележка

OnSelect се игнорира за хипервръзки в съдържанието, посочено в свойството HtmlText.

PaddingBottom - Разстоянието между текст в контрола и долния ръб на тази контрола.

PaddingLeft - Разстоянието между текст в контрола и левия ръб на тази контрола.

PaddingRight - Разстоянието между текст в контрола и десния ръб на тази контрола.

PaddingTop - Разстоянието между текст в контрола и горния ръб на тази контрола.

Size - Размерът на шрифта на текста, който се появява на контрола.

Tooltip - Обяснителен текст, който се появява, когато потребителят задържи курсора над контрола.

Visible - Дали се появява контрола, или е скрита.

Width - Разстоянието между левия и десния ръб на контрола.

X - Разстоянието между левия ръб на контрола и левия ръб на неговия родителски контейнер (или екрана, ако няма родителски контейнер).

Y - Разстоянието между горния ръб на контрола и горния ръб на неговия родителски контейнер (или екрана, ако няма родителски контейнер).

Find( FindString, WithinString )

Пример

  1. Добавете контрола Label с име Източник и задайте свойството й Text на този низ:

    "<p>Направихме&nbsp;необичайно &quot;дълбока&quot;глобализация и локализация.<p>"

    Не знаете как да добавяте, назовавате и конфигурирате контрола?

  2. Добавете контрола HTML text и задайте нейното свойство HtmlText на тази стойност:
    Source.Text

    Контролата HTML text показва същия текст като контролата Label, но преобразува маркерите в съответните знаци.

Насоки за достъпност

ARIA съпоставяне на елементи в HTML текстовата контрола не се дефинират автоматично от Power Apps.

Контраст на цвят

Трябва да има достатъчен цветен контраст между:

  • Color и Fill
  • Текст с персонализирани цветове и неговия фон

Поддръжка на клавиатурата

  • Контролът не може да действа като бутон. Няма TabIndex и потребителите на клавиатурата няма да могат да се фокусират върху него.
  • Контролата може да съдържа интерактивни части в HtmlTextlike <a> елементи, но настройката ** на приложението Опростени индекси на раздели" трябва да бъде активирана. В противен случай редът на навигация в разделите ще бъде грешен.

Бележка

Можете ли да ни споделите повече за езиковите си предпочитания за документацията? Попълнете кратко проучване. (имайте предвид, че това проучване е на английски език)

Проучването ще отнеме около седем минути. Не се събират лични данни (декларация за поверителност).