Елемент керування "HTML-текст" у Power Apps

Поле, яке показує текст і перетворює HTML-теги на форматування.

Опис

Елемент керування HTML-текст не лише показує звичайний текст і числа, але й перетворює HTML-теги, наприклад нерозривні пробіли.

Примітка

Елемент керування «HTML-текст» вважає HTML-текст відносно розташованим. Якщо потрібно використати абсолютну позицію для HTML-тексту, перенесіть текст навколо відносно розташованого елемента div. Наприклад: "<div style='position:relative'>" & varPageContent & "</div>"

Примітка

Для деяких елементів HTML стиль браузера за замовчуванням може бути видалено. Наприклад, для HTML list (<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 елемента керування встановлено значення Disabled (Вимкнуто).

DisabledFill  – колір фону елемента керування, якщо для властивості DisplayMode елемента керування встановлено значення Disabled.

Fill  – колір фону елемента керування.

Height  – відстань між верхнім і нижнім краями елемента керування.

HoverBorderColor  – колір межі елемента керування в разі наведення на нього курсору.

OnSelect – дії, які виконуються, коли користувач вибирає елемент керування.

Примітка

OnSelect ігнорується для гіперпосилань у вмісті, на який посилається властивість HtmlText.

PaddingBottom  – відстань між текстом в елементі керування та нижнім краєм цього елемента керування.

PaddingLeft  – відстань між текстом в елементі керування та лівим краєм цього елемента керування.

PaddingRight  – відстань між текстом в елементі керування та правим краєм цього елемента керування.

PaddingTop  – відстань між текстом в елементі керування та верхнім краєм цього елемента керування.

Size  – розмір шрифту тексту, що відображається на елементі керування.

Tooltip  – пояснювальний текст, що з’являється в разі наведення курсору на елемент керування.

Visible  – відображення або приховання елемента керування.

Width  – відстань між лівим і правим краями елемента керування.

X  – відстань між лівим краєм елемента керування та лівим краєм його батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Y  – відстань між верхнім краєм елемента керування та верхнім краєм батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Знайти( FindString, WithinString )

Приклад

  1. Додайте елемент керування Label, давши йому ім’я Source, і встановіть для його властивості Текст указане нижче значення.

    "<p>Ми&nbsp;провели незвичайно &quot;глибоку&quot; глобалізацію та локалізацію.<p>"

    Не знаєте, як додати, іменувати та настроїти елемент керування?

  2. Додайте елемент керування HTML-текст і установіть для його властивості HtmlText таке значення:
    Source.Text

    Елемент керування HTML-текст відображає той самий текст, що й елемент керування Label, але перетворює теги на відповідні символи.

Рекомендації щодо спеціальних можливостей

ARIA відображення елементів у текстовому елементі керування HTML не визначаються автоматично Power Apps.

Контрастність кольору

Необхідно налаштувати відповідну контрастність кольору для таких елементів:

  • повинна забезпечуватися належна контрастність кольору між властивостями Color та Fill;
  • Текст із настроюваними кольорами та його фон

Підтримка клавіатури

  • Елемент керування не може діяти як кнопка. У ньому немає TabIndex і користувачі клавіатури не зможуть зосередитися на ньому.
  • Елемент керування може містити інтерактивні частини в HtmlText, як-от <a> елементи, але налаштування ** програми Спрощені індекси вкладок має бути ввімкнено. В іншому разі порядок переходів між вкладками буде неправильний.

Примітка

Розкажіть нам про свої уподобання щодо мови документації? Візьміть участь в короткому опитуванні. (зверніть увагу, що це опитування англійською мовою)

Проходження опитування займе близько семи хвилин. Персональні дані не збиратимуться (декларація про конфіденційність).