次の方法で共有

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

  • [アーティクル]

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

内容

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>

重要なプロパティ

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

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

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

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

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

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

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

色のコントラスト

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

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

キーボードのサポート

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

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。