9
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Microsoft Power AppsAdvent Calendar 2022

Day 2

リッチテキストをキャンバスアプリで表示する

Last updated at Posted at 2022-12-02

Dataverseのリッチテキスト列はモデル駆動型アプリで使うとスクショを張り付けることができたり、リンクを付けることができたり、装飾ができて便利です。
しかし、それをキャンバスアプリで普通にテキストラベルで表示すると、以下のように表示されてしまいます。
image.png

HTMLテキストコントロールと使う

ここに表示されているのはHTMLテキストです。リッチテキスト列はHTMLでデータを持っているので、そのまま出てしまうんですね。
そんな時に使えるのがのがHTMLテキストコントロールです。HTMLタグを認識して変換、表示することができます。

アプリ編集画面の[挿入]の[ディスプレイ]に含まれています。
image.png

手順

実際のアプリのフォームでHTMLテキストコントロールを使う方法をご紹介します。デフォルトだとのテキストラベルで表示されてしまうので、変更しましょう。
キャンバスアプリの編集画面にて、HTMLタグが表示されているテキストラベルを選択します。
(このテキストラベルのテキストプロパティに「Parent.Default」が値として入っていることを確認します。)
これを消します。
image.png

入れたいデータカードを選択したまま、[挿入]>[ディスプレイ]>[HTMLテキスト]を選択します。
image.png

するとデータカードの中にコントロールが追加されます。
このHtmlTextプロパティの値を削除します。
image.png

もともとテキストコントロールに入っていた
「Parent.Default」を入れると、タグが変換され、文章だけ表示されましたね。
image.png

9
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?