モデル駆動型アプリで使用可能なコントロールの一覧

コントロールを使用すると、アプリ ユーザーはテーブル列内のデータを視覚化でき、さらに対話も可能になります。

コントロールは、よりタッチ フレンドリーなエクスペリエンスをモデル駆動型アプリで提供するために存在します。 これには、トグル、星評価、カレンダー、数値入力などのコントロールが含まれます。

フォーム デザイナーでコントロールを使用する

フォーム デザイナーでこれらのコントロールを使用する方法:

  1. Power Apps にサインインします。

  2. 左側のメニューで Dataverse を展開し、テーブル を選択します

  3. 必要なテーブルを選択してから フォーム 領域を選択します。

  4. 編集する メイン フォーム を選択します。

  5. コントロールを追加する セクション を選択します。

  6. + コンポーネント を選択して使用できるコントロールを表示してから、必要なコントロールを選択します。

    注意

    列またはグリッドの種類に応じて、さまざまなコントロールを使用できます。 たとえば、星評価コントロールは整数列でのみ使用できます。
    一部のコントロールは、クラシック フォーム エディタ インターフェイスでのみ使用できます。 これらを利用する場合は、上部のメニューから クラシックに切り替える 必要があります。

  7. コントロールを表示するデバイス (Web、電話、タブレット PC) を選択します。

  8. 各プロパティの値を構成します。

  9. コントロールの構成が完了したら、完了 を選択します。

フォーム上で使用可能な各コントロールの説明を次に示します。

グリッド コントロール

サブグリッド

サブグリッドを使用すると、現在のレコードに関連するデータのビューを表示できます。
既定ではただのビューですが、コントロールを構成して編集可能にできます。 詳細情報: フォームでサブグリッド コンポーネントを追加、構成する

編集可能なグリッド

編集可能なグリッドを使用すると、ユーザーは、Web アプリ、タブレット PC、電話を使用している場合でもビューおよびサブグリットから直接豊富なインライン編集を実行できます。 詳細: 編集可能なグリッド コントロールを使用して、モデル駆動型アプリのグリッド (リスト) を編集可能にする

コントロールを表示する

カレンダー

カレンダー コントロール コントロールは、スケジュールされたアクティビティとそれに関連する詳細をカレンダーに表示します。 アクティビティは、日、週、月単位のビューで表示、作成、削除ができます。 詳細: カレンダー コントロールをテーブルに追加する

モデル駆動型アプリのバージョン 2 カレンダー コントロールの例。

キャンバス アプリ

埋め込みキャンバス アプリには、ホストのモデル駆動型フォームから埋め込みキャンバス アプリにコンテキスト データを取り込む、豊富なデータ統合機能が含まれています。 Microsoft Dataverse のデータの隣にあるさまざまなソースから必要なデータを表示します。 詳細: 埋め込みキャンバス アプリをモデル駆動型フォームに追加する

外部 Web サイト

フォームにインライン フレーム (iframes) を追加すると、フォーム内の別の Web サイトのコンテンツを統合します。 詳細: iframe をモデル駆動型アプリのメイン フォームに追加する

HTML と画像 Web リソース

Web リソースを使用してフォームに HTML ページまたは画像ファイルを表示します。 詳細: フォーム上で Web リソースを表示して編集する

Dynamics 365 Customer Service アプリが必要です。 サポート情報の検索コントロールをフォームに追加することで、組織内のユーザーがサポート情報記事を簡単に検索できるようになり、別のアプリケーションに切り替えることなく、レコードから顧客の一般的な質問に回答して問題を解決できるようになります。 詳細情報: フォームにサポート情報の検索コントロールを追加する

簡易表示

簡易表示コントロールには、フォーム内の検索で選択された行のデータが表示されます。 コントロールに表示されるデータは、簡易表示フォームを使用して定義します。 表示されたデータは編集できませんが、プライマリ列が簡易表示フォームに含まれている場合は、関連する行を開くためのリンクになります。 詳細情報: モデル駆動型アプリの簡易表示コントロール プロパティ

タイムライン コントロール

取引先企業の最近の関連ニュース記事と Twitter ツイートのタイムラインを提供します。 詳細: タイムライン コントロールの設定

モデル駆動型アプリのタイムライン コントロールの例。

プロパティ 内容
CC_Timeline_Title 各タイムライン項目のタイトルのためにマップするプロパティ。
CC_Timeline_Title_Desc タイトルの説明。
CC_Timeline_Label1 タイムライン項目のタイトルの下に表示され列。
CC_Timeline_Label1_Desc ラベル 1 の説明。
CC_Timeline_Label2 ラベル 1 の後に表示される列。
CC_Timeline_Label2_Desc ラベル 2 の説明。
CC_Timeline_Label3 ラベル 2 の後に表示される列。
CC_Timeline_Label3_Desc ラベル 3 の説明。
CC_Timeline_Label4 ラベル 3 の後に表示される列。
CC_Timeline_Label4_Desc ラベル 4 の説明。
CC_Timeline_Label5 ラベル 4 の後に表示される列。
CC_Timeline_Label5_Desc ラベル 5 の説明。
CC_Timeline_Timestamp タイムラインを新しい順に並び替えるために使用する列。
CC_Timeline_Timestamp_Desc タイムスタンプの説明。
CC_Timeline_Group グループ化タイムラインのためにマップする列。
CC_Timeline_Group_Desc グループ列の説明。
CC_Timeline_GroupOrder 他のグループを基準とした、品目が属するグループの順序 (表示するグループに値 1、2、3 などを割り当てます)。 グループは割り当てられたグループ値の昇順値で表示されます。
CC_Timeline_GroupOrder_Desc グループ順序列の説明。
CC_Timeline_URL 各タイムライン項目の URL を表示するためにマッピングする URL の列。
CC_Timeline_URL_Desc URL 列の説明。
CC_Timeline_ThumbnailURL 各アイテム用のイメージやアイコンのサムネイルを表示するためにマッピングする列。
CC_Timeline_ThumbnailURL_Desc ThumbnailURL 列の説明。
CC_Timeline_Filter タイムライン フィルターのためにマッピングする列。
CC_Timeline_Filter_Desc フィルターの説明。
CC_Timeline_Footer タイムラインのフッターとして表示する Web リソース。
CC_Timeline_Footer_Desc フッター列の説明。

入力コントロール

チェックボックス

ユーザーがチェック ボックスをオンまたはオフにして、バイナリ値を選択できるようにします。 はい/いいえの選択肢列で構成できます。 メイン フォームの実行時のチェックボックス コントロール。

数値入力

ユーザーがデータをすばやく入力できるようにするには、数値入力コントロールを使用します。 ユーザーは、プラスとマイナスのボタンをタップするだけで、設定した増分値を変更できます。 このコントロールは、数値または金額の列に使用します。 ユーザーは、列に直接数値を入力することもできます。 この列は、編集モードでのみサポートされます。

モデル駆動型アプリの数値入力コントロールの例。

プロパティ 内容
Step このコントロールでデータを入力するときに、現在値に対して加算または減算する量を設定します。
コントロールがマッピングされている列を表示します。

オプション セット

オプション セット コントロールでは、データを入力するときにユーザーが選択する選択肢のセットを表示します。 フォームに選択肢列を導入すると、既定で使用できるようになります。 詳細情報: 選択肢

ペン入力

署名などの手書き入力をキャプチャするには、ペン入力コントロールを使用します。 ペン入力コントロールは、Web、タブレット、電話のクライアントで使用するための複数行のテキスト列用に構成できます。

モデル駆動型アプリのペン コントロール。

重要

このコントロールがマッピングされる列に指定される推奨の最低限の 最大長 は 15000 です。

プロパティ 説明
PenMode ペン コントロールでユーザーがポインティング デバイスをドラッグするときの動作を決定するには、PenMode!DrawPenMode!Erase、または PenMode!Select を指定します。

リッチ テキスト エディター

リッチ テキスト エディター コントロールは、アプリのユーザーにテキストの書式設定のための WYSIWYG 編集領域を提供します。 コントロールの入出力形式は HTML です。 このコントロールを使用すると、Web ブラウザーや Word などからコピーしたリッチ テキストをコントロールに貼り付けることができます。 テキスト列で構成できます。 詳細: リッチ テキスト エディター コントロールをモデル駆動型アプリに追加する

星評価

評価のビジュアル表現を提供するには、星評価を使用します。 設定できる星の最大数は 5 です。 このコントロールは整数列で使用できます。 小数列では使用できません。

モデル駆動型アプリの星評価コントロールの例。

注意

このコントロールでは必ず Web では表示しない オプションを選択してください。

プロパティ 内容
最大 コントロールの星の最大数をドロップダウン リストから選択します。

トグル

トグル コントロールを使用すると、ユーザーはボタンを切り替えることで、オン/オフや、はい/いいえなどのバイナリ値を選択できます。 はい/いいえの選択肢列で構成できます。

モデル駆動型アプリのトグル コントロールの例。

AI Builder

名刺リーダー

AI Builder 名刺リーダー コンポーネントを使用して、名刺を検出し、その情報を抽出します。 写真はコンポーネントで直接撮影することも、撮影した画像を読み込むこともできます。 詳細: モデル駆動型アプリで名刺リーダー コンポーネントを使用する

その他のコンポーネント コントロール

一部のコンポーネントは、フォーム デザイナーのデフォルトの コンポーネント リストに表示されませんが、コンポーネントをさらに取得 を選択してリストに追加できます。

定型入力

定型入力コントロールを使用して電話番号やクレジット カードのように列の書式を設定し、無効なデータの入力を防ぎます。 たとえば、ユーザーが米国の電話番号を +1-222-555-1011 の形式で入力するようにする場合は、入力マスク +1-000-000-0000 を使用します。

注意

これは、1行のテキスト列への書式設定のみを設定します。 電話のような仮想的なアクションは含まれていません。 これらのアクションが必要な場合は、引き続き既定のコントロールを使用してください。

プロパティ 内容
マスク ユーザーが入力するデータの検証に使用するマスクを入力してください。 マスクには、次の文字の組み合わせを使用できます。

0 – 数字

9 - 数字またはスペース

# – 数字、記号、またはスペース

L – 文字

I – 文字またはスペース

A - 英数字

A – 英数字またはスペース

< – この後の文字を小文字に変換

> – この後の文字を大文字に変換

| – ケース転換率を無効

\ – 文字をエスケープしてリテラルに変換

その他すべて - リテラル
コントロールがマッピングされている列を表示します。

フォーム コンポーネント

フォーム コンポーネント コントロールを使用すると、ユーザーは関連するテーブル レコードの情報を別のテーブルのフォームから直接編集できます。 たとえば、メイン アカウント フォームの別のタブにあるフォーム コンポーネントを次に示します。これにより、ユーザーはアカウント フォームを離れることなく連絡先レコードを編集できます。 詳細: 関連するテーブル レコードを別のテーブルのメイン フォームから直接編集する

レガシ コントロール

オートコンプリート

クラシックでのみ使用可能です。

オートコンプリート コントロールでは、入力時に項目のリストにフィルターを適用し、ドロップダウン リストから値を選択できるようにします。 たとえば、このコントロールを使用すると、ユーザーは州または国/地域のドロップダウン リストから選択できるようになります。 このコントロールは 1 行テキスト タイプ列にマッピングされます。

プロパティ 内容
カラム グラフ コントロールがマッピングされている列を表示します。
ソース データのソースを設定します (グループ化オプション、選択、ビュー)。
選択肢 この列で使用するオプション セットを選択します。
ビュー​​ この列のテーブルとビューを選択します。
カラム グラフ データ ソースとして使用する、ビューのプライマリ テーブルの列を選択します。

フリップ

フリップ スイッチはオン/オフ スイッチに似ており、2 つの値から選択できます。

マルチメディア

クラシックでのみ使用可能です。

営業や外出中の現場のユーザーに、高いカスタマー エクスペリエンスを提供するため、ビデオを埋め込むことができます。 このコントロールを使用して、コントロールで再生するオーディオまたはビデオのリンクを含む URL 列にマッピングします。

注意

このコントロールは Android 4.4 以降でのみサポートされます。

Windows 8 と Windows 8.1 のタブレット PC と電話では、YouTube ビデオは現在サポートされていません。 Windows 10 では、(YouTube を含む) HTTPS ビデオのみがサポートされます。

サポートされているメディアの種類は次のとおりです。

  • ストリーミング MP4 ファイル

  • YouTube ビデオ

  • Azure メディア

  • オーディオ ストリーム

プライバシーに関する声明

プロパティ 説明
メディア このコントロールで再生するメディアの URL を入力します。

線形ゲージ

クラシックでのみ使用可能です。

線形ゲージでは、ユーザーは正確な数量を入力するのではなく、スライダーをドラッグして数値を入力できます。 スライダーでは、整数の入力と表示のみが提供されます。 このコントロールは、数値や金額の列に使用します。

重要

このコントロールは 2021 年 4 月に非推奨となります。 詳細: モデル駆動型アプリが制御する非推奨

プロパティ 内容
最高 ゲージに表示する最大値を設定します。
ゲージに表示する最小値を設定します。
ゲージに表示する値を取得または設定します。
ステップ このコントロールでデータを入力するときに、現在値に対して加算または減算する量を設定します。

アーク ノブ

クラシックでのみ使用可能です。

アーク ノブはノブをスライドさせてデータを入力する方法をユーザーに提供し、円弧として画面上に表示されます。アーク ノブ コントロールでは、整数の入力と表示のみが提供されます。 このコントロールは、数値や金額の列に使用します。 タッチを使用して値を変更することも、数にフォーカスを設定し、キーパッドを使用して編集することもできます。

重要

  • このコントロールは 2021 年 4 月に非推奨となります。 詳細: モデル駆動型アプリが制御する非推奨
  • このコントロールは、Android 4.2 および 4.3 デバイスではサポートされません。 これらのバージョンでのスクロール エクスペリエンスに影響します。
プロパティ 内容
最大 ゲージに表示する最大値を設定します。
ゲージに表示する最小値を設定します。
ゲージに表示する値を取得または設定します。
ステップ このコントロールでデータを入力するときに、現在値に対して加算または減算する量を設定します。

タイマー コントロール

タイマー コントロールは、アクティブな行の解決策でアクションを完了するために使用できる時間、またはアクションが完了してから経過した時間をユーザーに示します。 詳細: モデル駆動型アプリ タイマー コントロールの概要

ニュース コントロール

クラシックでのみ使用可能です。

顧客、競合企業、取引先企業についての最新のニュースから貴重な情報を把握します。 ニュース コントロールでは、Bing ニュースから関連するニュースを配信します。 詳細: ニュース コントロールを設定および使用する

次の手順

チュートリアル: カスタム コントロールを使用したデータのビジュアル化

注意

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

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