実行時のビューのカスタマイズ

3 タスク

15 分

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

初級

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

日本語

シナリオ

GoGoRoadの関係者は、「Enter customer information」ビューと「Identify Location」ビューで、適切な検証を行った上で関連情報のみを表示するように簡素化したいと考えています。このリクエストに対応するには、「Enter customer information」ビューをカバーする情報を2列レイアウトに変更し、「Identify Location」ビューにZIPコードプロパティを必要なバリデーションを付けて追加します。

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

ロール	ユーザー名	パスワード
アプリケーションデベロッパー	author@gogoroad	pega123!

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

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

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

ログイン

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

詳細なタスク

1 データタイプにプロパティを追加する

チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
1. User nameフィールドに「author@gogoroad」と入力します。
2. Password フィールドに「pega123!」と入力します。
App Studioのナビゲーションペインで次をクリックします：Data.
Data objects and integrationsランディングページで、「Service address」をクリックしてService addressデータオブジェクトを開きます。
「Add field」をクリックして、Service addressデータオブジェクトに新しいフィールドを追加します。
Field nameフィールドに、「Zip」と入力します。
Type リストで「Text (single line)」を選択します。
「Advanced 」をクリックしてオプションを展開します
Max lengthフィールドに、「5」と入力します。
「Submit 」をクリックして変更を保存します。

2 テンプレートを2列のレイアウトに変更する

App Studioのナビゲーションペインで、Case Types > Assistance Requestをクリックして、Assistance Requestケースタイプを開きます。
「Save and run」をクリックして、ケースインスタンスを作成します。
Identify issueステップの先に進みます。
「Enter customer information」ビューで、「Design」モードを切り替えます。
「Enrollment information」セクションにカーソルを合わせてEdit this Sectionをクリックし、「Enrollment information」ペインを開きます。
「Enrollment information」パネルで、「Template」の右側にある「Change」をクリックして、テンプレートを変更します。
Select a templateウィンドウで、「2 Column」をクリックします。
「Enrollment information」ペインで、「Coverage level」にカーソルを合わせてクリックし、「Column B」にドラッグします。
「Close」をクリックして、「Enrollment information」パネルを閉じます。
Designモードを切り替えます。