Power Apps での HTML テキスト コントロール

テキストを表示し、書式設定のための HTML タグを変換するボックス。

内容

HTML テキスト コントロールは、プレーン テキストや数値を表示するだけでなく、HTML タグ (改行なしスペースなど) の変換も行います。

<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 – ユーザーがコントロールを選択したときに実行するアクション。

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離。

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離。

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離。

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離。

Size – コントロールに表示されるテキストのフォント サイズ。

Tooltip – ユーザーがコントロールにカーソルを置くときに表示される説明テキスト。

Visible – コントロールが表示されるか非表示になるか。

Width – コントロールの左端と右端間の距離。

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。

関連する関数

Find( FindString, WithinString )

例

1. ラベル コントロールを追加してソースという名前を付け、その Text プロパティを次の文字列に設定します:

   "<p>私たちは、&nbsp;非常に &quot;深い&quot; グローバリゼーションおよびローカライズを行いました。<p>"

   コントロールの追加、名前付け、構成 についてはこちらをご覧ください。

2. HTML テキスト コントロールを追加し、その HtmlText プロパティを次の値に設定します:
   Source.Text

   HTML テキスト コントロールは ラベル コントロールと同じテキストを表示しますが、タグを適切な文字に変換します。

アクセシビリティのガイドライン

HTML テキスト コントロール内部の要素の ARIA マッピングは、Power Apps によって自動的に定義されません。

色のコントラスト

次の間には適切な色のコントラストが必要です:

• Color と Fill
• カスタム色とその背景を含むテキスト

キーボードのサポート

• コントロールはボタンとして機能できません。 これには TabIndex がなく、キーボード ユーザーはそれに集中できなくなります。
• このコントロールには <a> 要素のような HtmlText でインタラクティブなパーツを含めることができますが、アプリ設定**簡易タブ インデックス" を有効にする必要があります。 そうしないと、タブ ナビゲーションの順序が正しくなくなります。