次の方法で共有

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

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

Description

HTML テキスト コントロールは、プレーン テキストと数字を表示するだけでなく、改行しないスペースなどの 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>

重要なプロパティ

色 – コントロール内のテキストの色。

フォント – テキストが表示されるフォントファミリの名前。

HtmlText – HTML テキスト コントロールに表示され、HTML タグを含む可能性があるテキスト。

追加のプロパティ

AutoHeight – true に設定すると、コントロールは高さを自動的に拡大してすべてのテキストを表示できます。 割り当てられた高さにテキストを切り捨てるには false に設定します。

注

AutoHeight プロパティを有効にすると、コントロールの Height プロパティが最大値の 7680 に拡大されます。

BorderColor – コントロールの境界線の色。

BorderStyle – コントロールの境界線が Solid、Dashed、Doted、None のいずれであるか。

BorderThickness – コントロールの境界線の太さ。

DisplayMode – コントロールでユーザー入力 (編集) を許可するか、データのみを表示するか (表示)、無効 (無効) にするかを指定します。

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色。

DisabledFill – DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色。

塗りつぶし – コントロールの背景色。

Height – コントロールの上端と下端の間の距離。

HoverBorderColor – ユーザーがそのコントロールにマウス ポインターを置いたままにしたときのコントロールの境界線の色。

OnSelect – ユーザーがコントロールを選択したときに実行するアクション。

注

OnSelect は、 HtmlText プロパティ内で参照されるコンテンツ内のハイパーリンクでは無視されます。

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

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

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

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

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

ヒント – ユーザーがコントロールの上にマウス ポインターを置いたときに表示される説明テキスト。

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

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

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

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

Find( FindString, WithinString )

Example

  1. Label コントロールを追加し、Source という名前を付け、Text プロパティを次の文字列に設定します。

    "<p>We've 異常に行った >deep>グローバリゼーションとローカリゼーション.<p>"

    コントロールを追加、名前付け、構成する方法がわからない場合

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

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

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

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

色のコントラスト

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

キーボードのサポート

  • コントロールはボタンとして機能できません。 TabIndex がないため、キーボード ユーザーはそれに集中できません。
  • コントロールには、<a>要素などの HtmlText の対話型部分を含めることができますが、アプリ設定 **簡易タブ インデックス" を有効にする必要があります。 それ以外の場合、タブ ナビゲーションの順序が間違っています。
  • Last updated on