アバターグループ

アバターグループコンポーネントは、複数のアバターを一緒に表示でき、チームやグループ、個人のリストを表現するのに最適です。

アバターグループの設定

アバターグループが個々のアバターを作成するために必要な情報をどのように取得するかを決定します：

手動： 各アバターを個別に追加し、それぞれの詳細を指定します。
- 最適な用途： 小規模で固定されたアバターセット、または各アバターの外観や情報を正確に制御する必要がある場合に最適です。
- 仕組み： コンポーネントの設定内で各アバターを手動で追加し、画像ソース、イニシャル、テキスト、およびその他のプロパティを指定します。
クエリ： Avatar Group を Salesforce オブジェクトに接続して、レコードデータに基づいてアバターを動的に生成します。
- 最適な用途： より大きなデータセットや、Salesforce に既に保存されている情報に基づいてアバターを表示したい場合に適しています（例：アカウントに関連するすべての連絡先を表示するなど）。
- サポートされるオブジェクト： Contact や User のような標準オブジェクト、または任意のカスタムオブジェクトに接続できます。
- 仕組み： コンポーネントは、選択した Salesforce オブジェクトから取得された各レコードに対して自動的にアバターを作成します。

「クエリ」データソースを選択した場合、Avatar Group の属性を Salesforce オブジェクト内の対応するフィールドにマッピングする必要があります。これにより、コンポーネントが各アバターの情報をどこから取得するかが指定されます。

マッピングの例：
- イニシャル： オブジェクトの「FirstName」と「LastName」フィールドにマップします。
- メインテキスト： レコードの主要な識別子を含む「Name」フィールドや別のフィールドにマップします。
- セカンダリテキスト： 「Title」や「Email」など、追加のコンテキストを提供するフィールドにマップします。
- 画像： アバターに使用したい画像の URL を含むフィールドにマップします。
重要な注意事項： マッピングするフィールドが各属性に対して正しいデータ型を含んでいることを確認してください（例：イニシャルにはテキスト、画像には URL）。

デザインに合わせてアバターグループの見た目を調整します：

形状（バリアント）：
- 丸（Circle）： アバターを円形で表示します。
- 四角（Square）： アバターを四角形で表示します。
サイズ：
- 定義済みサイズ： 「Small」「Medium」「Large」などのオプションから選択します。
- カスタムサイズ： 正確な制御のために特定のピクセルサイズを設定します。
レイアウト： グループ内でアバターがどのように配置されるかを選択します：
- スタック（縦）： アバターを縦に列で配置します。
- グリッド： アバターをグリッドレイアウトで配置します。
- リスト： アバターを横並びのリストで表示します。
最大表示数： 表示するアバターの最大数を設定します

Avatar Group の上にタイトルや説明テキストを追加してコンテキストを提供します（例：「プロジェクトチームメンバー」「オンラインユーザー」）。

役割、部門、ステータスなど、定義した条件に基づいて表示されるアバターをユーザーがフィルタできるようにします。選択したデータソースに基づいてフィルタオプションを構成する必要があります。

検索バーを有効にして、ユーザーが名前やその他の関連情報でグループ内の特定のアバターを素早く見つけられるようにします。この機能は大きなアバターグループで便利です。

選択されたアバターに関連するさらに多くのフィールド情報を表示できます

表示例：

Avatar Group コンポーネントを活用することで、Salesforce アプリケーション内でグループや関係を表現する情報的で視覚的に魅力的なユーザーインターフェースを作成できます。

最終更新 7 か月前

役に立ちましたか？