株式会社イルミネート・ジャパン 株式会社イルミネート・ジャパン

  • トレーニング
    • コース スケジュール
    • 受講要項/お支払い方法について
    • 研修会場へのアクセス
    • オンラインコース ご受講ガイド
  • 研修 コース一覧
    • Power Platform
    • SharePoint
    • Microsoft 365
    • コース検索
  • コンサルティング・技術サポート
  • コンテンツ開発
  • 会社概要
    • ニュース
    • 技術者一覧
    • 書籍一覧
    • アクセス
  • ブログ
  • お問い合わせ
    • よくあるご質問
  • ホーム »
  • ブログ »
  • Power Apps »
  • PowerApps でリストフォーム カスタマイズ: 新規時と編集時で画面切り替え

Power Apps

PowerApps でリストフォーム カスタマイズ: 新規時と編集時で画面切り替え

  • 2018.05.14

SharePoint リストフォームのカスタマイズを行う際の Tips です。

新規入力時に利用するフォームと、既存アイテムの編集時に利用するフォームを別画面で用意している場合に、動的に切り替える方法です。同様の内容でも、PowerApps アプリを作成する際と、SharePoint リスト フォームを PowerApps でカスタマイズする場合で設定方法が異なるため、今回は SharePoint リストフォームのカスタマイズ時にこれを設定する方法をご紹介します。

■ 設定したい内容

新規入力時と既存アイテムの編集時でフォーム内容を変更したい。

■ 既定の設定内容確認

リストフォームを PowerApps でカスタマイズする場合、下記ユーザー操作による動作はプロパティにて設定できます。

  • リスト内の [+新規] をクリックしてフォームを開いた場合
  • 既存アイテムの編集としてフォームを開いた場合
  • フォームをキャンセルした場合
  • フォームを保存した場合

次のようなリストがあったとして、まず既定でどうなってるかみてみましょう。

PowerApps のフォームカスタマイズ画面を開いて内容を確認すると、FormScreen1 という画面が既定で用意されており、画面内には SharePointForm1 という編集フォーム コントロールが含まれていることが確認できます。

 既定で用意される画面はひとつですので、新規入力時/編集時/表示時すべてでこの画面を利用しているということです。新規/編集/表示、どの操作でフォームが開かれたかによって、切り替える設定を続いてみてみると、SharePoint リストフォームカスタマイズ時に用意される設定である SharePointIntegration の各プロパティに既定の設定内容が確認できます。  

■ 設定方法

1.画面編集

次のように編集する。

  • 既定の SharePointForm1 画面を複製
  • FormScreen1 を NewScreen に画面名変更
  • NewScreen 画面内の編集フォーム (SharePointForm1) の名前を NewForm に変更。
    編集フォーム内の列について、列Cを読み取り専用に設定変更 (タイトル、列A、列Bが入力可能)
  • コピーで作成した FormScreen 1_1 を EditScreen に画面名を変更
  • EditScreen 画面内の編集フォーム (SharePointForm1_1) の名前を EditForm に変更
    編集フォーム内の列について、列Aと列Bを読み取り専用に設定変更 (タイトル、列Cのみが編集可能)

2.SharePointIntegration のプロパティ設定

次のように編集する。

プロパティ 数式
OnNew Set(SPFormMode, “New”);  NewForm(NewForm);
Navigate(NewScreen, ScreenTransition.None)
OnEdit Set(SPFormMode, “Edit”);  EditForm(EditForm);
Navigate(EditScreen, ScreenTransition.None)
OnView Set(SPFormMode, “Disp”);  ViewForm(NewForm);
Navigate(NewScreen, ScreenTransition.None)
OnSave If(SPFormMode =”New”, SubmitForm(NewForm),
If(SPFormMode=”Edit”, SubmitForm(EditForm)))
OnCancel If(SPFormMode =”New”, ResetForm(NewForm),
If(SPFormMode =”Edit”, ResetForm(EditForm)))

ここでは新規入力時と編集時を切り替える設定を行いましたが、応用として列の値に応じて画面を切り替えることもできますね。

以上、奥田でした。

Power Apps 関連コース

  • CI613-H Power Apps による Microsoft 365 活用

    Microsoft 365 に含まれるライセンスで利用可能な機能を活用し、Power Apps を使用したローコードアプリ作成の手法を実践的に学ぶコースです。キャンバス アプリのしくみや挙動を詳細に理解し、実務で役立つテクニックを習得できます。「受付管理」 「問合せ管理」、「申請・承認プロセス」 などの具体的な業務シナリオを題材に、実際に 2 つの業務アプリを作成!

  • CI721-H Power Apps & Power Automate 実践ラボ - 業務管理編

    「業務管理」をテーマに、実務でよくある課題を毎回ピックアップ。設計のポイントや設定手順、つまずきやすいポイントへの対処法、実践的なテクニックや Tips などを確認しながら、実際にアプリやフローを一緒に作成していく、上級者向けの実践型コースです。

  • CI722-H Power Apps & Power Automate 実践ラボ - 承認プロセス設計編

    「承認プロセス設計」をテーマに、実務でよくある課題を毎回ピックアップ。設計のポイントや設定手順、つまずきやすいポイントへの対処法、実践的なテクニックや Tipsなどを確認しながら、実際にアプリやフローを一緒に作成していく、上級者向けの実践型コースです。

SharePoint Online Office 365 フォームカスタマイズ

  • PowerApps :カスケード ドロップダウン
  • PowerApps : 編集フォームのタブデザイン

最新記事

  • マネージドID で完全自動化!Azure Automation × Graph API で SharePoint レポートを定期取得する

  • デバイスコードフローから マネージドID へ!Azure Automation で Graph API を動かすための環境構築

  • デバイスコードフロー × Graph API でクイック取得!管理センターでは出せない SharePoint サイト URL 付きレポートの出力

  • 「できるPower BI データ集計・分析・可視化ノウハウが身に付く本 改訂版」発売

  • M365 Copilot Chat の履歴を一括削除

カテゴリ一覧

  • Power Apps
  • Power Automate
  • Power BI
  • Copilot Studio
  • SharePoint
  • SharePoint Framework
  • Teams
  • Dataverse for Teams
  • Microsoft 365
  • アナウンス
  • 未分類

お問い合わせ

イルミネート・ジャパンが提供するトレーニングやサービスに関するご相談など、
お気軽にご連絡ください。

担当者に相談する
    • ホーム »
    • ブログ »
    • Power Apps »
    • PowerApps でリストフォーム カスタマイズ: 新規時と編集時で画面切り替え
  • トレーニング
  • コンサルティング・技術サポート
  • コンテンツ開発
  • 会社概要
  • ブログ
  • 個人情報保護方針
  • 個人情報の取り扱いについて
  • 情報セキュリティ基本方針
  • お問い合わせ
  • よくあるご質問

株式会社イルミネート・ジャパン

〒105-0001
東京都港区虎ノ門 3-18-16 虎ノ門菅井ビル 3F
TEL : 03-5777-9977
Mail : training@illuminate-j.jp

  • 会社概要
  • プライバシーポリシー
  • サイトマップ
Copyright ©2026 Illuminate Japan Inc. All Rights Reserved.

イルミネート 研修サポートデスク