PowerApps でのフォームのカスタマイズCustomize forms in PowerApps

ユーザーにとって見やすく更新しやすいコントロールに、最も重要なデータを、直感的に伝わりやすい順序で表示するように、表示フォーム コントロールと編集フォーム コントロールをカスタマイズします。Customize a Display form control and an Edit form control so that they show the data that matters most, in the most intuitive order, and in the controls that help users easily understand and update the data.

それぞれのフォームは、少なくとも 1 つのカードで構成され、データ ソースから取得された特定の列のデータが個々のカードに表示されます。Each form comprises one or more cards, each of which shows data from a particular column in the data source. このトピックの手順に従うことで、フォームに表示するカードを指定したり、フォーム内でカードの位置を上げ下げしたり、それぞれの列から取得したデータをカード内に表示するときの体裁を設定したりすることができます。By following the steps in this topic, you can specify which cards appear in a form, move cards up and down within a form, and configure how data from each column appears within a card.

PowerApps の基本的な事柄については、「PowerApps の概要」を参照してください。If you're unfamiliar with PowerApps, see Introduction to PowerApps.

前提条件Prerequisites

このチュートリアルは、概念全般を理解する目的でのみご覧いただいても、目的を果たすために各手順を忠実に実行していただいてもかまいません。You can review this tutorial for general concepts only, or you can follow it exactly if you complete these steps.

  1. PowerApps から SharePoint への接続を作成します。Create a connection from PowerApps to SharePoint.

  2. SharePoint リストを作成します (レイアウトのカスタマイズについてのページを参照)。Create the SharePoint list that Customize a layout describes.

  3. そのリストに基づいてアプリを自動的に生成します。Generate an app automatically based on that list.

  4. 左側のナビゲーション バーで、右上のアイコンをクリックまたはタップしてサムネイル表示に切り替えます。In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    表示の切り替え

カードの表示と非表示Show and hide cards

  1. 左側のナビゲーション バーで中央のサムネイルをクリックまたはタップし、DetailsScreen1 を選択します。In the left navigation bar, click or tap the middle thumbnail to select DetailsScreen1.

    詳細画面を選択

  2. いずれかのカードをクリックまたはタップして選択し、フォームのカスタマイズ オプションを右側のペインに表示します。Click or tap any card to select it and show the form-customization options in the right-hand pane.

    カードを選択

  3. 右側のウィンドウで、AccountID カードについては、チェックボックスをクリックまたはタップして非表示状態に、ID 列については、チェックボックスをクリックまたはタップして表示状態にします。In the right-hand pane, click or tap the checkbox for the AccountID card to hide it, and click or tap the checkbox for the ID column to show it.

    カードを表示

カードの並べ替えReorder the cards

  • Title カードをクリックまたはタップして選択し、そのタイトル バーを、OrderDate カードが強調表示されるまで上へドラッグします。Click or tap the Title card to select it, and then drag its title bar up until the OrderDate card is highlighted.

    カードの移動

    マウス ボタンから手を離すと、移動中のカードは、強調表示されているカードのすぐ上に表示されます。The card that you're moving will appear just above the card that's highlighted when you release the mouse button.

    並べ替え後のカード

アプリの実行Run the app

  1. 左側のナビゲーション バーで一番上のサムネイルをクリックまたはタップし、BrowseScreen1 を選択します。In the left navigation bar, click or tap the top thumbnail to select BrowseScreen1.

    BrowseScreen1 のサムネイル

  2. F5 キーを押して (または右上隅のプレビュー アイコンをクリックして) プレビュー モードを開きます。Open Preview mode by pressing F5 (or by selecting the Preview icon near the upper-right corner).

    プレビュー アイコン

  3. 右上隅のプラス アイコンをクリックまたはタップして、EditScreen1 でレコードを追加します。In the upper-right corner, click or tap the plus icon to add a record in EditScreen1.

    レコードを追加

  4. 必要なデータを追加し、右上隅のチェックマーク アイコンをクリックまたはタップして、新しいレコードを SharePoint リストに保存し、BrowseScreen1 に戻ります。Add whatever data you want, and then click or tap the checkmark icon in the upper-right corner to save your new record in the SharePoint list and return to BrowseScreen1.

    レコードの保存

  5. 今作成した項目の矢印をクリックまたはタップして、その詳細を DetailScreen1 に表示します。Click or tap the arrow for the item that you just created to show details about that item in DetailScreen1.

    右矢印

  6. 右上隅の編集アイコンをクリックまたはタップして、EditScreen1 でレコードを更新します。In the upper-right corner, click or tap the edit icon to update the record in EditScreen1.

    レコードを編集

  7. 少なくとも 1 つのフィールドの情報を変更し、右上隅のチェック マークをクリックまたはタップして SharePoint リストに変更内容を保存し、DetailScreen1 に戻ります。Change the information in one or more fields, and then click or tap the check mark in the upper-right corner to save your changes in the SharePoint list and return to DetailScreen1.

    変更を保存

  8. 右上隅にあるごみ箱アイコンをクリックまたはタップして、先ほど更新したレコードを削除し、BrowseScreen1 に戻ります。Near the upper-right corner, click or tap the trash-can icon to delete the record that you just updated and to return to BrowseScreen1.

    レコードを削除

  9. Esc キーを押して (または、PowerApps のタイトル バーの "" の左上隅にある閉じるアイコンをクリックまたはタップして)、プレビュー モードを終了します。Close Preview mode by pressing Esc (or by clicking or tapping the close icon near the upper-left corner, under the title bar for PowerApps).

    プレビュー モードの終了

次の手順Next steps

  • 他のデバイスから実行できるように、Ctrl + S キーを押してアプリを保存する。Press Ctrl-S to save your app so that you can run it from other devices.
  • 他のユーザーが実行できるようにアプリを共有する。Share the app so that other people can run it.