フォーム上のコンポーネントを追加、構成、移動、または削除する

フォーム デザイナーを使用すると、作成者は サブグリッド、 クイック ビュー、 Web リソース、 ペン入力などの一般的なコンポーネントを簡単に追加および構成できます。

フォームにコンポーネントを追加する

フォームにコンポーネントを追加するには、[ コンポーネント ] ウィンドウを使用します。 コンポーネントは、[ コンポーネント] ウィンドウ の検索を使用して簡単に見つけることができます。

ドラッグ アンド ドロップを使用してフォームにコンポーネントを追加する

注

ドラッグ アンド ドロップを使用してコンポーネントを追加または移動する場合、フォーム プレビューは応答性が高く、複数のセクション列がスタックとしてレンダリングされる可能性があることに注意してください。 追加または移動されたコンポーネントが正しいセクション列にあることを確認するには、そのセクション列に既にある別の列またはコンポーネントに固定されているコンポーネントをドロップするか貼り付けます。

1. フォーム デザイナーを開いてフォームを作成または編集します。 詳細情報: フォームの作成またはフォームの編集

2. コマンド バーで [コンポーネントの 追加] を選択するか、左側のウィンドウで [ コンポーネント ] を選択して使用可能なコンポーネントの一覧を表示します。 一覧内のコンポーネントにカーソルを合わせると、そのコンポーネントのプレビュー イメージ、説明、その他の詳細が表示されます。

3. [ コンポーネント ] ペインで、必要なコンポーネントを検索またはスクロールして選択し、コンポーネントを追加します。

4. コンポーネントをフォーム プレビューにドラッグ アンド ドロップします。 コンポーネントがフォーム プレビューにドラッグされると、ドロップ ターゲットが表示されます。

   注

   • コンポーネントは、既存のコンポーネントまたは列の前または後に削除できます。
   • コンポーネントは、セクション内の空の領域にドロップすることもできます。 この場合、コンポーネントは、セクション列間で列とコンポーネントを均等に分散できるように、使用可能な領域に追加されます。
   • コンポーネントをドラッグするときにタブ ヘッダーをポイントすると、現在選択されているタブが変更され、コンポーネントを別のタブに追加できるようになります。
   • コンポーネントが削除されると、ほとんどの場合、コンポーネントのプロパティを構成するダイアログが表示されます。 コンポーネントのすべての必須プロパティが構成されていることを確認します。

5. コンポーネントのプロパティを構成するダイアログボックスの [ コンポーネントの表示] で、[ Web]、[ モバイル]、[ タブレット ] の各オプションが既定で選択され、フォームが Web、モバイル アプリ、タブレット アプリに表示されるときにコンポーネントが使用されます。 アプリの要件に基づいて、コンポーネントのクライアントの種類の一部をクリアすることが必要になる場合があります。

6. 完了を選択します。

7. 上記の手順 3 から 6 を繰り返して、コンポーネントを追加します。

8. コマンド バーで [ 保存] を選択してフォームを保存するか、[ 発行 ] を選択して変更をユーザーに表示します。

フォーム上の列のコンポーネントを追加する

1. フォーム デザイナーを開いてフォームを作成または編集します。 詳細情報: フォームの作成またはフォームの編集
2. フォーム プレビューで、既存の列を選択します。
3. プロパティ ウィンドウの [ コンポーネント ] 領域で、[ + コンポーネント] を選択します。
4. [ コンポーネントの追加 ] ダイアログには、現在の列の種類で使用できるコンポーネントの一覧が表示されます。 一覧内のコンポーネントにカーソルを合わせると、そのコンポーネントのプレビュー イメージ、説明、その他の詳細が表示されます。
5. [ コンポーネントの追加 ] ダイアログで、追加する必要なコンポーネントを検索するか、スクロールして選択します。 ほとんどの場合、コンポーネントのプロパティを構成するためのダイアログが表示されます。 コンポーネントのすべての必須プロパティが構成されていることを確認します。
6. コンポーネントのプロパティを構成するダイアログボックスの [ コンポーネントの表示] で、[ Web]、[ モバイル]、[ タブレット ] の各オプションが既定で選択され、フォームが Web、モバイル アプリ、タブレット アプリに表示されるときにコンポーネントが使用されます。 要件に基づいて、コンポーネントの使用を制限するために、これらのオプションの一部をクリアできます。
7. 完了を選択します。
8. 上記の手順 2 から 7 を繰り返して、同じ列または別の列にコンポーネントを追加します。
9. コマンド バーで [ 保存] を選択してフォームを保存するか、[ 発行 ] を選択して保存し、変更をユーザーに表示します。

フォームでコンポーネントを構成する

1. フォーム デザイナーを開いてフォームを作成または編集します。 詳細情報: フォームの作成またはフォームの編集
2. フォーム プレビューで、既存の列を選択します。
3. プロパティ ウィンドウの [ コンポーネント ] 領域で、構成するコンポーネントを選択します。
4. コンポーネントのプロパティを構成するダイアログが表示されることがあります。 必要に応じてコンポーネントのプロパティを変更し、[完了] を選択 します。
5. 手順 2 から 4 を繰り返して、同じ列または別の列にさらにコンポーネントを構成します。
6. コマンド バーで [ 保存] を選択してフォームを保存するか、[ 発行 ] を選択して保存し、変更をユーザーに表示します。

フォーム上のコンポーネントを移動する

フォーム上のコンポーネントを移動するには、ドラッグ アンド ドロップまたは切り取り/貼り付け操作を使用します。

ドラッグ アンド ドロップを使用してフォーム上のコンポーネントを移動する

1. フォーム デザイナーを開いてフォームを作成または編集します。 詳細情報: フォームの作成またはフォームの編集

2. フォーム プレビューで、移動するコンポーネントを選択し、ドラッグ アンド ドロップします。 コンポーネントがフォーム プレビューにドラッグされると、ドロップ 先が移動可能な場所に表示されます。

   注

   • コンポーネントは、既存のコンポーネントまたは列の前または後に削除できます。
   • コンポーネントは、セクション内の空の領域にドロップすることもできます。 この場合、コンポーネントは、セクション列全体にコンポーネントと列を均等に分散するために、使用可能な領域に追加されます。
   • ドラッグ アンド ドロップを使用してコンポーネントを別のタブに追加するときに、タブ ヘッダーにカーソルを合わせます。

3. 上記の手順 2 から 3 を繰り返して、より多くのコンポーネントを移動します。

4. コマンド バーで [ 保存] を選択してフォームを保存するか、[ 発行] を選択して保存し、変更をユーザーが使用できるようにします。

切り取りと貼り付けを使用してフォーム上のコンポーネントを移動する

1. フォーム デザイナーを開いてフォームを作成または編集します。 詳細情報: フォームの作成またはフォームの編集

2. フォーム プレビューで、移動する必要なコンポーネントを選択します。

3. コマンド バーで、[ 切り取り] を選択します。

4. フォームプレビューで、別の既存のコンポーネント、列、またはセクションを選択します。 必要に応じて、別のタブに切り替えることができます。

5. コマンド バーで、[ 貼り付け] を選択するか、シェブロンを選択し、[ 前に貼り付け] を選択します。

   注

   • [貼り付け]を選択すると、移動するコンポーネントは既存のコンポーネントまたは列の後に貼り付けられます。
   • [前に貼り付け]を選択すると、移動するコンポーネントは既存のコンポーネントまたは列の前に貼り付けられます。
   • セクションを選択すると、移動するコンポーネントが使用可能な領域に追加され、コンポーネントと列がセクション列全体に均等に分散されます。

6. さらにコンポーネントを移動する場合は、上記の手順 2 から 5 を繰り返します。

7. コマンド バーで [ 保存] を選択してフォームを保存するか、[ 発行 ] を選択して保存し、変更をユーザーに表示します。

その他のコンポーネントを取得する

1. [ その他のコンポーネントを取得 ] を選択して、他の Power Apps コンポーネントと、[ コンポーネント ] ウィンドウで既定では使用できないカスタム コントロールを検索して追加します。

2. 目的のタブ ( [ビルド元 Microsoft ] または [ 他のユーザーがビルド] ) を選択し、コンポーネントを選択します。

3. [] を選択し、[] を追加します。 コンポーネントは、[コンポーネント] ウィンドウの [ その他 の コンポーネント ] セクションの下に表示されます。

フォーム上のコンポーネントを削除する

1. フォーム デザイナーを開いてフォームを作成または編集します。 詳細情報: フォームの作成またはフォームの編集

2. フォーム プレビューで、フォームから削除するコンポーネントを選択し、コマンド バーで [削除] を選択 します。

3. 手順 2 を繰り返して、追加のコンポーネントを削除します。

4. コマンド バーで [ 保存] を選択してフォームを保存するか、[ 発行 ] を選択して保存し、変更をユーザーに表示します。

   注

   • コンポーネントが誤って削除された場合は、コマンド バーの [元に戻す ] を選択して、フォームを以前の状態に戻します。
   • コンポーネントがロックされている場合、またはフォームの他の場所に存在しない必要な列を使用している場合は、コンポーネントを削除できません。

こちらも参照ください

モデル駆動型フォーム デザイナーの概要
フォーム デザイナーを使用してフォームを作成、編集、または構成する
フォーム上の列を追加、構成、移動、削除する
フォーム上のセクションを追加、構成、移動、削除する
フォーム上のタブを追加、構成、移動、削除する
フォーム デザイナーでヘッダーのプロパティを構成する
フォームでサブグリッド コンポーネントを追加して構成する
フォームで簡易表示コンポーネントを追加して構成する
フォームの検索コンポーネントを構成する
フォーム デザイナーのツリー ビューを使用
列を作成、編集する