レイアウトの作成および編集の構成

このトピックでは、「アカウントの作成」および「アカウントの編集」ページでのフィールドの追加または削除方法、およびフィールドの順序変更の方法について説明します。

シナリオの内容

これは「アカウントの編集」ページのスクリーンショットです。

この例では、「Webサイト」フィールドを移動して「名前」フィールドの右側に表示されるようにします。

「アカウントの編集」レイアウトの変更

拡張する領域が表示されるページにナビゲートします。

この例では、「自分のチームのアカウント」ページにナビゲートし、アカウント・レコードをクリックして、「アカウント詳細」をクリックします。
Visual Builder Studioには、次のいずれかの方法でアクセスできます:
- 「設定およびアクション」メニューで、「Visual Builder Studioでページを編集」を選択します。
- 「設定およびアクション」メニューが表示されない場合は、ページの右下にある「Oracleへの質問」アイコンにマウスを重ね、「Visual Builder Studioでページを編集」をクリックします。
複数のプロジェクトを作業する場合は、Redwood CX Salesプロジェクトの拡張を選択し、フラグメント拡張が非フラグメント変更から分離されるようにします。
Visual Builder Studioが開くと、キャンバスに「アカウントの編集」ページが開きます。

構造パネルで、accounts - Edit Layoutノードをクリックします。

キャンバス内でedit layoutが強調表示されています。
「プロパティ」ペインで、「レイアウトの編集」ルール・セットをクリックします。

Accountsレイアウト・タブ > 「ルール・セット」サブタブが表示されます。「ルール・セット」サブタブには、デフォルトのレイアウトとデフォルトのルールの両方が含まれています。新しいルールを作成します。
ルールの複製アイコンをクリックします。
ルールの複製ダイアログで、デフォルトのルール名を受け入れるか、新しい名前を入力します。ここで入力する名前はルールとレイアウトの両方の名前になるため、その点を考慮したレイアウト名を入力してください。

レイアウトのコピーも作成するチェック・ボックスが選択されていることを確認して、「複製」をクリックします。

新しいルールは既存ルールのリストの最上部に表示されます。これは、実行時にこのルールが最初に評価されることを意味します。ルールの条件が満たされると、関連付けられているレイアウトがユーザーに表示されます。

この例では条件を追加しないため、関連付けられているレイアウトが常に表示されます。
コピーしたルールのレイアウトを変更します。「オープン」アイコンをクリックして、コピーしたレイアウトを編集します。
この例では、「Webサイト」フィールドの位置を移動します。「Webサイト」フィールドを見つけ、ハンドルを使用して、このフィールドが「名前」フィールドの後に表示されるように再配置します。
「プレビュー」ボタンをクリックして、ランタイム・テスト環境の変更を表示します。

プレビュー・リンクのURLには、application/containerセグメントが含まれている必要があります。含まれていない場合は、次の例のURLを使用してプレビュー・リンクを変更します:
https://<servername>/fscmUI/redwood/cx-sales/application/container/accounts/accounts-edit?id=300000003513233&mode=edit&puid=7050
このスクリーンショットは、「Webサイト」フィールドの新しい位置を示しています。