Skip to main content

ビューのフィールドのグループ化

3 タスク

15 分

Visible to: All users
初級 Pega Platform 8.4 ユーザーエクスペリエンス 日本語
バージョンタグがご希望のコンテンツと一致しているかご確認ください。 または、最新バージョンをご利用ください。

シナリオ

フィードバックに基づいて、GoGoRoadの顧客は、アシスタンス リクエストを送信する前に詳細情報を再確認できないため、混乱が生じており、詳細情報を訂正するのにさらに時間がかかっています。 GoGoRoadの管理チームは、顧客が関連情報をすべて入力したら、読み取り専用の最終確認画面を表示することにしました。 この確認画面にすべての情報が表示されてから、顧客がアシスタンス リクエストを送信できるようになります。

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

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

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

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

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

詳細なタスク

1 Add a Collect information step to the Enter payment information process

  1. In the navigation pane of Dev Studio, click Case types > Assistance Request to open the Assistance Request case type.
  2. In the Enter payment information process, click Step > Collect information to add a collect information step.
    Add a collect information step to the Enter payment information process
  3. Rename the step Review assistance request.
  4. On the right, in the properties pane, click Configure view to open the form editor.
  5. In the left pane, click Views to see the list of views.
    Add views to a view
  6. From the list of views, hover over and then click the Add icon for the following views:
    • Enter customer information
    • Identify location
    • Identify vehicle
    • Enter payment information
  7. Delete any empty rows.
    Configure the Review assistance request view
  8. Click Submit.
  9. Click Save to save the changes to the Assistance Request case type.

2 Add read-only layout groups

  1. In the navigation pane, click App.
  2. Expand AssistanceRequest > User Interface > Section.
  3. Click ReviewAssistanceRequest to open the Review assistance request section.
  4. At the top of the rule, click convert to full section editor .
    Screenshot showing to convert to full editor.
  5. In the Confirm section conversion dialog box, click Submit.
  6. In the section editor, click Structural, and then click and drag a Layout group above the existing Dynamic Layout.
    Add a layout group to the section
  7. In the Choose layout-group format list, select Tab, and then click OK.
  8. Click and drag each embedded section to the layout group.
  9. Delete the blank dynamic layout.
  10. Click the Enter customer information section, and then click View properties to display the cell properties window.
  11. In the General tab, in the Container settings section, in Title field, enter Customer Information.
    Screenshot showing how to set a section header.
  12. Click the Presentation tab, and in the Edit options drop-down, select Read only (always) to make the section read-only.
    Screenshot showing how to set a section to read-only.
  13. Click Submit.
  14. Repeat steps 10-13 to configure the remaining sections as read-only.
    Section Title
    IdentifyLocation Service Address
    IdentifyVehicle Vehicle Information
    EnterPaymentInformation Payment Information
  15. Click Save to save the section.

3 Confirm your work

  1. Create a new Assistance Request case.
  2. Advance the case to the Review assistance request view, entering customer, service address, vehicle, and payment information.
  3. In the Review assistance request view, click each tab to display the customer, service address, vehicle, and payment information. Confirm the information is read-only. 
    Screenshot showing completed read-only layout group.


このモジュールは、下記のミッションにも含まれています。

If you are having problems with your training, please review the Pega Academy Support FAQs.

このコンテンツは役に立ちましたか?

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice