チャレンジ

Constellation Viewsでの条件付き表示の設定

3 タスク

30 分

表示の対象：All users Applies to: Pega Platform '24.2

中級

ユーザーエクスペリエンス

Constellation

日本語

シナリオ

Sweet Life IncのTell Us Moreで操作します。このチャレンジでは、Contact Infoステップに関連付けられるビューを設定します。このビューのCustomer データリレーションシップの作成に加え、Addressビューの条件付き表示を設定します。

以下の表は、チャレンジに必要なログイン情報をまとめたものです。

ロール	ユーザー名	パスワード
System Architect	Author@SL	pega123!

補足： 練習環境では、複数のチャレンジの完了をサポートする場合があります。その結果、チャレンジのウォークスルーに表示される設定は、お客様の環境と完全に一致しない場合があります。

このチャレンジを完了するには、Pegaインスタンスを起動する必要があります。

起動には5分ほどかかることがありますので、しばらくお待ちください。

ログイン

チャレンジウォークスルー

詳細なタスク

1 Customerデータリレーションシップを作成する

チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
1. User name フィールドに「Author@SL」と入力します。
2. Password フィールドに「pega123!」と入力します
App Studioのナビゲーションペインで、「Case Types > Incident」をクリックしてIncident ケースタイプを開きます。
Data Modelタブをクリックします。
次の詳細を含む新しいデータリレーションシップフィールドを追加します。
1. Field nameフィールドに「Customer」と入力します。
2. Typeリストで「Embedded Data」を選択します。
3. Data objectリストで「Customer」を選択します。
4. Optionsセクションで、「Single record」を選択します。
5. 「Submit」をクリックします。
「Save」をクリックします。

2 Contact Infoビューの作成

Incident ケースタイプで、Workflowタブをクリックします。
Contact Infoステップをクリックし、コンテキスチャルプロパティペインで「Configure view」をクリックします。
Fieldsセクションで、Customer データリレーションシップフィールドをビューに設定します。
Customer (Customer)行で、「Gear」アイコンをクリックし、次の設定がアクティブであることを確認します。
1. Display asフィールドの値はFormです。
2. Field labelフィールドの値はCustomerです。
3. Viewデフォルトの値はCreateです。
4. 「Save」をクリックします。
「Customer (Customer)」をクリックしてEdit View: Customer ウィンドウを開きます。
カスタマービューには、すでに4つのフィールドが含まれています。これらのフィールドは、Customer データオブジェクトが作成された時に「Primary」として指定されました。
Customerビューで、「Remove」アイコンをクリックしてPrimary Fieldsフィールドを削除します。
「Add > Views > Main Info > Add 」をクリックして、Customer データオブジェクトからMain infoビューを追加します。
Add > Fields > Address Mode > Add をクリックして、CustomerのMain infoビューで住所情報を追加します。
Address Modeフィールド行で、「Gear 」アイコンをクリックして、次の設定を行います。
1. Display asリストで「Radio buttons」を選択します。
2. Field labelフィールドで、「Custom」を選択します。
3. Custom field labelで、「How would you like to provide your address?」と入力します。
4. Horizontal display チェックボックスを選択します。
5. Requiredリストで「Always」を選択します。
6. 「Save」をクリックします。

3 Customer ViewにAddress informationを追加する

「Add > Views > Create new View」をクリックして、マップを使用して顧客の住所情報を収集する新しいビューを作成し、ビューに対して次の設定を行います。
1. Nameフィールドで、「Address - Using map」と入力します。
2. 「Default form」を選択します。
3. 「Submit」をクリックします。
Edit View: Address - Using mapウィンドウで、「Add > Fields > Address > Fields > Location > Add 」をクリックしてLocationフィールドを追加します。
Location フィールド行で、「Gear」アイコンをクリックします。
Configure field: Locationウィンドウで、「Field label 」を「Custom」に、「Custom field label」を「Location」に設定します。
Input settingsで、Show mapチェックボックスを選択し、「Save」をクリックします。
「Back」をクリックして、Edit View: Customerウィンドウに戻ります。
Address - Using mapビューにConditional Visibilityを追加する
1. Address - using mapフィールド行で、「Gear」アイコンをクリックします。
2. Headingフィールドに、「Address」と入力します。
3. Visibilityリストで「Custom Condition」を選択します。
4. Visibilityリストの右側の「Gear」アイコンをクリックします。
5. 条件をAddress Mode is equal to "Using map"に設定します。
6. 「Submit」をクリックします。
7. 「Save」をクリックします。
Edit View: CustomerウィンドウのFieldsセクションで、で、「Add > Fields > Address > Add 」をクリックして、ケースタイプデータモデルのAddressフィールドをCustomer ビューに追加します。
補足： Data-Address-Postalデータタイプは、アドレスフィールド機能を駆動します。
Addressフィールドの条件付き表示を設定します。
1. Addressフィールド行で、「Gear」アイコンをクリックします。
2. ConditionsセクションのVisibilityフィールドで「Custom Condition」を選択します。
3. Visibilityフィールドの右側の「Gear 」アイコンをクリックします。
4. 条件を「Address Mode is equal to "Manually"」に設定します。
5. 「Submit」をクリックします。
6. 「Save」をクリックします。
Edit View: Customerウィンドウで、「Back」をクリックします。
Edit View: Contact infoウィンドウで、「Submit」をクリックして、Contact Infoビューを保存します。
「Save」をクリックします。