パネルの内容の構成

個々のレコードの詳細ページには、パネルのリージョンに表示される主要な情報が含まれます。それぞれのパネルには、関連する担当者や商談など、レコードに関連する情報が含まれます。ほとんどのパネルには、リスト形式で情報が表示されます。Oracle Visual Builder Studioを使用して、これらのリストを構成できます。

パネルの内容

パネルには多くの場合、構成可能なリストが含まれます。パネル内のリストの例を次に示します:

これは、パネルのリスト・リージョンのスクリーンショットです。

リストには、画面サイズに応じて最大5件のレコードを表示できます。画面サイズが小さい場合は、リストが自動的に調整されて、表示されるレコードの数が少なくなります。ただし、ユーザーは、パネルの下部に表示される「すべて表示」リンクをクリックして2つ目のページにナビゲートし、リスト内のすべてのレコードを表示できます。この2つ目のページはサブビューと呼ばれます。

リストで変更できるもの

Visual Builder Studioで、それぞれのリストに表示される情報を変更できます。

次のことができます:

フィールドの追加および削除
リストにおけるフィールドの表示順序の変更

このトピックでは、アカウントの詳細ページのパネルに表示されるフィールドの表示順序を変更する方法について説明します。「担当者」パネルと「商談」パネルの両方を見ていきます。

サブビューを構成するには、「サブビュー・レイアウトの構成」を参照してください。

「担当者」パネルのフィールドの表示順序の変更

パネル・リストにおけるフィールドの表示順序を変更します。この例では、アカウントの詳細ページの「担当者」パネルにおけるEメール・フィールドと電話番号フィールドの順序を入れ替えます。

これは、アカウントの詳細ページの「担当者」パネルのスクリーンショットです。

Visual Builder Studioで、「レイアウト」タブにナビゲートし、「CX Sales」ノード > 「Accounts」 > 「AccountContact」を展開します。

「AccountContact」ノードには、アカウント・オブジェクトの「担当者」パネルのルール・セットが含まれています。

ノート:
パネルの内容を構成するときには、パネルのオブジェクトとプライマリ・オブジェクトの間にどのような種類の関係があるかを考慮します。この場合、アカウント・オブジェクトと担当者の間には多対多の関係があります。そのため、「Accounts」ノードの下にネストされた「AccountContact」ノードに担当者オブジェクトのレイアウトがあります。
「AccountContact」タブ > 「ルール・セット」サブタブで、Panel Card Layoutをクリックします。

Panel Card Layoutについては、デフォルト・レイアウトとデフォルト・ルールの両方が表示されます。
ルールの複製アイコンをクリックします。
ルールの複製ダイアログで、デフォルトのルール名を受け入れるか、新しい名前を入力します。ここで入力する名前は、ルール名であるとともにレイアウト名でもあるため、わかりやすいレイアウト名を入力します。

また、レイアウトのコピーも作成するチェックボックスが選択されていることを確認します。
「複製」をクリックします。
新しいルールが既存のルールのリストの最上部に表示され、実行時にこのルールが最初に評価されるようになります。ルールの条件が満たされている場合、関連付けられたレイアウトがユーザーに表示されます。
この例では、条件を追加しないため、関連付けられたレイアウトが常に表示されます。
コピーされた、ルールのレイアウトを変更します。
1. 「開く」アイコンをクリックして、コピーされたレイアウトを編集します。
2. Eメール・フィールドと電話フィールドが見つかるまで、レイアウトのフィールドのリストを下にスクロールします。
3. それぞれのフィールドを「Item3」および「Item4」スロットから削除し、それらのフィールドを追加して戻します。ただし、今回は順序を入れ替えて、電話フィールドを「Item3」スロットに配置し、Eメール・フィールドを「Item4」スロットに配置します。
「プレビュー」ボタンをクリックして、ランタイム・テスト環境の変更を表示します。

プレビュー・リンクのURLにapplication/containerセグメントが含まれている必要があります。そうでない場合は、次の例のURLを使用してプレビュー・リンクを変更します:
https://<servername>/fscmUI/redwood/cx-sales/application/container/accounts/accounts-detail?id=300000003513233&puid=7050&view=foldout

商談パネルのフィールドの表示順序の変更

この例では、アカウント・オブジェクトの「商談」パネルにおける営業ステージ・フィールドと有効日フィールドの順序を入れ替えます。

これは、アカウントの詳細ページの「商談」パネルのスクリーンショットです。

Visual Builder Studioで、「レイアウト」タブにナビゲートし、「CX Sales」ノード > 「Opportunities」を展開します。

「Opportunities」ノードには、アカウント・オブジェクトの「Opportunities」パネルのルール・セットが含まれています。

ノート:
パネルの内容を構成するときには、パネルのオブジェクトとプライマリ・オブジェクトの間にどのような種類の関係があるかを考慮します。この場合、アカウント・オブジェクトと商談の間には1対多の関係があります。そのため、「Opportunities」ノードに商談オブジェクトのレイアウトがあります。
「Opportunities」タブ > 「ルール・セット」サブタブで、Panel Card Layoutをクリックします。

Panel Card Layoutについては、デフォルト・レイアウトとデフォルト・ルールの両方が表示されます。
ルールの複製アイコンをクリックします。
ルールの複製ダイアログで、デフォルトのルール名を受け入れるか、新しい名前を入力します。ここで入力する名前は、ルール名であるとともにレイアウト名でもあるため、わかりやすいレイアウト名を入力します。

また、レイアウトのコピーも作成するチェックボックスが選択されていることを確認します。
「複製」をクリックします。
新しいルールが既存のルールのリストの最上部に表示され、実行時にこのルールが最初に評価されるようになります。ルールの条件が満たされている場合、関連付けられたレイアウトがユーザーに表示されます。
この例では、条件を追加しないため、関連付けられたレイアウトが常に表示されます。
コピーされた、ルールのレイアウトを変更します。
1. 「開く」アイコンをクリックして、コピーされたレイアウトを編集します。
2. 営業ステージ・フィールドと有効日フィールドが見つかるまで、レイアウトのフィールドのリストを下にスクロールします。
3. それぞれのフィールドを「Item3」および「Item4」スロットから削除し、それらのフィールドを追加して戻しますが、順序を入れ替えます。
「プレビュー」ボタンをクリックして、ランタイム・テスト環境の変更を表示します。

プレビュー・リンクのURLにapplication/containerセグメントが含まれている必要があります。そうでない場合は、次の例のURLを使用してプレビュー・リンクを変更します:
https://<servername>/fscmUI/redwood/cx-sales/application/container/accounts/accounts-detail?id=300000003513233&puid=7050&view=foldout