選択肢でのビジュアルキューの使用によるユーザーの迅速な選択の支援
使い慣れたアイコンを選択肢に関連付けて、ユーザーがすばやく選択できるようにします。アイコン付きの選択肢リソースは、実行時に選択肢ルックアップコンポーネントのドロップダウンリストとして、ビジュアルピッカーコンポーネントのタイルとして表示されます。アイコンベースの選択肢リソースは、Field Service Mobile およびディスカバリーフレームワークデータキャプチャを除くすべての画面ベースのフローでサポートされています。
必要なエディション
| サポートされているエディションを表示する。 |
| 必要なユーザー権限 | |
|---|---|
| Einstein for Flow や Agentforce for Flow など、Flow Builder で使用できるすべてのフロー タイプ、要素、機能を使用してフローを開く、編集、作成、有効化、または無効化する | 「フローの管理」 |
ビジュアルピッカーコンポーネントでアイコン付きの選択肢リソースを使用すると、実行時にユーザーにアイコン付きのタイルが表示されます。選択肢ルックアップコンポーネントでアイコン付きの選択肢リソースを使用すると、実行時にアイコン付きのドロップダウンリストがユーザーに表示されます。アイコンベースの選択肢リソースは、Field Service Mobile およびディスカバリーフレームワークデータキャプチャを除くすべての画面ベースのフローでサポートされています。
選択肢リソースへのアイコンの追加
-
[フロー] リストビューを開きます。
- Automation アプリケーションから、[フロー] タブを選択します。
- 任意の Lightning アプリケーションの [フロー] タブで、アクション メニューをクリックし、[フローを開く] を選択します。
- [設定] で、[クイック検索] ボックスに「フロー」と入力して、[フロー] を選択します。
-
画面フローを作成します。
- Automation Lightningアプリケーションから、[New | Screen Automations | Screen Flow]をクリックします
- [設定] から、[New Flow | Screen Automations | Screen Flow] をクリックしますを参照してください。
-
選択肢リソースを作成します。
-
をクリックしてツールボックスを開きます。
- [新規リソース] をクリックします
- リソース種別を選択します。たとえば、[選択] を選択します。
- API 参照名を入力します。たとえば、「Phone」と入力します。
- 残りのリソースを設定します。
-
選択肢リソースのアイコンを選択するには、[ユーザーインターフェースのカスタマイズ] セクションで [アイコンの選択] をクリックします。
選択肢ルックアップコンポーネントとビジュアルピッカーコンポーネントには、実行時に選択肢のプレーンテキスト表示ラベルが表示されます。選択肢リソースの選択肢の表示ラベルに適用されるリッチテキスト書式は表示されません。 -
使用可能なユーティリティ、Doctype、または標準の Salesforce Lightning Design アイコンからアイコンを選択します。使用可能なユーティリティ、Doctype、および標準 Salesforce Lightning Design のすべてのアイコンについては、「アイコン」を参照してください。
選択したアイコンの名前が [アイコン] の下に表示されます。
- 作業内容を保存します。
-
ビジュアルピッカーコンポーネントでのアイコンでの選択肢の使用
ビジュアルピッカーコンポーネントにアイコン付きの選択肢を追加すると、実行時に選択肢がアイコン付きのタイルとして表示されます。
-
[フロー] リストビューを開きます。
- Automation アプリケーションから、[フロー] タブを選択します。
- 任意の Lightning アプリケーションの [フロー] タブで、アクション メニューをクリックし、[フローを開く] を選択します。
- [設定] で、[クイック検索] ボックスに「フロー」と入力して、[フロー] を選択します。
-
画面フローを作成します。
- Automation Lightningアプリケーションから、[New | Screen Automations | Screen Flow]をクリックします
- [設定] から、[New Flow | Screen Automations | Screen Flow] をクリックしますを参照してください。
-
画面要素を追加して設定します。
-
[
] をクリックし、[画面] を選択します。
- 必要に応じて、生成された表示ラベルと説明を編集します。Flow Builder で要素の設定に基づいて生成され、API 参照名は表示ラベルに基づいて入力されます。
-
[
- ビジュアルピッカーコンポーネントを画面に追加するには、[コンポーネント] リストで [ビジュアルピッカー] をクリックします。
- ユーザーが実行時に 1 つ以上の選択肢を選択できるようにするには、[複数のオプションをユーザーに選択させる] でオプションを選択します。
-
ビジュアルピッカーコンポーネントにアイコン付き選択肢を追加するには、アイコン付きテキスト型選択肢を 1 つ以上追加します (1)。
-
ビジュアルピッカーコンポーネントのタイルサイズを変更するには、[Visual Picker Size (ビジュアルピッカーサイズ)] に「small」、「medium」、または「large」と入力します (2)。
実行時に希望する通信モードを選択するようにユーザーに要求するビジュアルピッカーコンポーネントの例を次に示します。
実行時にユーザーに横方向の配置オプションを選択するように求めるビジュアルピッカーコンポーネントの別の例を次に示します。
選択肢ルックアップコンポーネントでのアイコンを使用した選択肢の使用
アイコン付き選択肢を選択肢ルックアップコンポーネントに追加すると、実行時に選択肢がアイコン付きのドロップダウンリストとして表示されます。
-
[フロー] リストビューを開きます。
- Automation アプリケーションから、[フロー] タブを選択します。
- 任意の Lightning アプリケーションの [フロー] タブで、アクション メニューをクリックし、[フローを開く] を選択します。
- [設定] で、[クイック検索] ボックスに「フロー」と入力して、[フロー] を選択します。
-
画面フローを作成します。
- Automation Lightningアプリケーションから、[New | Screen Automations | Screen Flow]をクリックします
- [設定] から、[New Flow | Screen Automations | Screen Flow] をクリックしますを参照してください。
-
画面要素を追加して設定します。
-
[
] をクリックし、[画面] を選択します。
- 必要に応じて、生成された表示ラベルと説明を編集します。Flow Builder で要素の設定に基づいて生成され、API 参照名は表示ラベルに基づいて入力されます。
-
[
-
[選択肢ルックアップ] コンポーネントを画面に追加するには、[コンポーネント] リストで [選択肢ルックアップ] をクリックします。
- ユーザーが実行時に 1 つ以上の選択肢を選択できるようにするには、[複数のオプションをユーザーに選択させる] でオプションを選択します。
-
アイコン付き選択肢を選択肢ルックアップコンポーネントに追加するには、アイコン付きテキスト型選択肢を 1 つ以上追加します。
実行時の選択肢ルックアップコンポーネントの例を次に示します。このコンポーネントでは、ユーザーが希望する通信モードを選択するように求められます。
この選択肢ルックアップコンポーネントの例では、ユーザーは横方向の配置オプションを選択します。
この記事で問題は解決されましたか?
ご意見をお待ちしております。
