Power Apps でクリックだけで社員検索機能が作成できるテンプレートスクリーン「人々」の選択した社員の部分にも社員の画像を表示する方法 #PowerApps

Featured image

概要

Power Apps でクリックだけで社員検索機能が作成できるテンプレートスクリーン「人々」の選択した社員の部分にも社員の画像を表示する方法 #PowerApps

アプリの作成方法

Power Apps で社員検索機能を強化する方法

Power Apps を使用して、クリックだけで社員検索機能を作成できるテンプレートスクリーン「人々」に、選択した社員の画像を表示する方法をご紹介します。

テンプレートスクリーンの紹介

テンプレートスクリーンとは、新しい画面などから追加できるスクリーンのことです。今回紹介する「人々」スクリーンは、Office365ユーザーコネクターを使用して社員の検索を行うことが可能で、表示されたユーザーを選択すると一覧に表示されます。

ユーザー画像の表示方法

選択したユーザーは MyPeople というコレクションに格納され、PeopleAddedGallery1 で表示されます。まず、画像を表示するために、ユーザー名が表示されているTitle1の幅を少し小さくし、PeopleAddedGallery1 コントロールの中に画像コントロールを追加します。画像の幅や位置を調整し、ProfileImage1のイメージプロパティに記載されている式をコピーして貼り付けます。

プロファイルイメージの設定

コピーした式を先ほど追加した画像コントロールにも追加し、正しく表示されていることを確認します。また、画像コントロール以外にもモダンコントロールのアバターコントロールを使用する方法もあります。アバターコントロールを追加し、イメージプロパティに同じくコピーした式を貼り付けます。

アバターコントロールの設定

このコントロールは画像がない場合は名前を表示するので、ThisItem.DisplayNameが表示されるように修正します。ステータスのバッジが必要ない場合は、バッジをNoneに設定することも可能です。

ほとんどマウス操作だけでも可能ですので、ぜひお試しください

その他の Tips はこちらから

Power Apps Tips

Power Automate

Power Apps で 備品管理アプリを作ろう

Power Apps Tutorial

リンク