Power Apps でExcelのように行を直接編集できるUIを作りたいなら、コレクションとギャラリーを組み合わせた編集グリッドが最適解です。フォームを使わずにデータを画面内で即時編集できる、使い勝手のいいパターンです。 編集グリッドとは何か 編集グリッドとは、ギャラリーの各行にテキスト入力・ドロップダウンなどの入力...

編集グリッドの見た目を作るだけなら前の記事で完成しますが、実際に使えるアプリにするには保存・削除・一括保存のロジックが必要です。Patch関数とコレクション操作を組み合わせた実装パターンを一通り解説します。 コレクションを中間バッファとして使う設計の基礎は、編集グリッドの基本設計の記事で解説しています。この記事はその続...

Power Apps の通常ギャラリーは行の高さが固定ですが、フレキシブル高さギャラリーを使えば内容に応じて各行の高さが自動で変わります。長いテキストが途中で切れてしまう問題をそのまま解決してくれる、地味ながら実用性の高い機能です。 フレキシブル高さギャラリーとは 通常のギャラリーコントロールは、TemplateSiz...

ギャラリーの各行をクリックすると詳細が展開され、もう一度クリックすると折りたたまれるUI、いわゆるアコーディオンを Power Apps で実装する方法は3パターンあります。それぞれの仕組みと使い分けを解説します。 この記事はフレキシブル高さギャラリーの基礎知識を前提にしています。AutoHeight の仕組みや Fl...

Gallery.Selected はギャラリーで選択したアイテムを取得できる便利なプロパティですが、実は使い続けると厄介なバグの温床になります。フォームとの連携に Gallery.Selected を使っている方は、ぜひ最後まで読んでください。 Gallery.Selected の何が問題なのか Gallery.Sel...

ギャラリーで選択したレコードをフォームに渡すとき、変数を使って連携すると新規作成・保存後の挙動が安定します。Gallery.Selected から varRecord に切り替えた前提で、新規ボタン・保存後の選択・プレースホルダーUIの実装パターンを一通り解説します。 Gallery.Selected の問題点と va...

ギャラリーの複数行にチェックを入れて一括操作するUIは、Power Apps でよく求められる機能のひとつです。Gallery.AllItems プロパティを使えば、選択中のアイテムをまとめて取得できます。チェックボックスの配置から全選択・全解除まで、実装の流れを一通り解説します。 ギャラリー内にチェックボックスを配置...

複数選択チェックボックスを実装したら、次は選択した件数が 0 のときはアクションエリアを隠し、1件以上になったら表示するUIを作りましょう。コンテナを使えば X・Y・Height の手動計算なしにレスポンシブな表示切り替えが実現できます。 Gallery.AllItems を使った複数選択の基本については複数選択チェッ...

Dataverse のルックアップ列を Filter 関数の条件にするとき、SharePoint のルックアップ列と同じ書き方をしても動きません。GUID による一致という仕組みを理解すると、詰まることなく実装できます。 Dataverse のルックアップ列をフィルター条件にするときの特殊性 SharePoint のル...

Power Apps でタブUIを作るとき、モダンコントロールのタブコンポーネントは制約が多く自由なカスタマイズが難しい場面があります。ギャラリーをタブとして使うパターンを覚えると、デザインを自由に制御しながらレスポンシブなタブインターフェースが作れます。 ギャラリーをタブとして使う発想 タブUIに必要な要素は2つです...