Skip to main content

Creating partial Views with Constellation

4 Tasks

45 mins

Pega Platform '23
Visible to: All users
Intermediate Pega Platform '23 User Experience Constellation English

Scenario

As a Case progresses toward resolution, users often need to review information that was previously entered or referenced earlier in the Case Life Cycle. With Constellation applications, you can accomplish this outcome by using partial Views. Partial Views are read-only by default, entirely configurable, and easily insertable into other Views. 

Note: For more information about partial Views, see Configuring partial Views.

In this challenge, you will configure the View associated with the Review Step by creating and combining several partial Views. 

The following table provides the credentials you need to complete the challenge:

Role User name Password
System Architect Author@SL pega123!
Note: The challenge walkthrough video is coming soon.

You must initiate your own Pega instance to complete this Challenge.

Initialization may take up to 5 minutes so please be patient.

Detailed Tasks

1 Configure the Review Inner View

  1. In the Pega instance for the challenge, enter the following credentials:
    1. In the User name field, enter Author@SL.
    2. In the Password field, enter pega123!
  2. In the navigation pane of App Studio, click Case Types > Incident to open the Incident Case Type.
  3. Click the UX tab, and then click the Other Views tab.
  4. In the Partial section, click Create
    Note: Partial Views are read-only. Partial Views are for reviewing information that users previously entered or selected earlier in Case processing.
  5. In the Name field, enter Review Inner, confirm Details (one column) is selected, and then click Submit.
    Creating the Review Inner partial View.
  6. Click Review Inner to configure the Review Inner View.
  7. In the Review Inner View, add the previously-created Views:
    1. Contact Info
    2. Determine Category
    3. Product Details
    4. Resolution Method
    5. Service Details
  8. Reorder the Views in the following order:
    1. Contact Info
    2. Determine Category
    3. Service Details
    4. Product Details
    5. Resolution Method
    The Review Inner View with additional Views.
  9. In the Product Details View, set the Visibility Condition by using the Is Product Incident When Rule.
  10. In the Service Details View, set the Visibility Condition by using the Is Service Incident When Rule.
  11. Click Back to return to the Other Views tab.
  12. In the Form section, click Review View.
  13. In the Review View, add the previously-created Review Inner View.
  14. Click Back to return to the Other Views tab.

2 Add fields to the Incident Case Type

  1. In the Incident Case Type, click Data model to open the Data Model of the Case Type . 
  2. Add the following fields to the Incident Case Type Data Model:
    Name Type Calculated Field Expression
    User Consent Boolean  
    Privacy Policy Boolean  
    Privacy Policy URL URL "https://www.google.com"
    Terms and Conditions URL URL "https://www.google.com"
  3. Click Save.

3 Create partial Views for Terms and Conditions and Privacy Policy

  1. In the Incident Case Type, click the UX tab, and then click the Other Views tab.
  2. In the Partial section, create two new partial Views named Terms and Conditions and Privacy Policy.
    Both should use the Details (One column) template.
  3. Click Terms and Conditions link to configure the View.
  4. Add the Terms and Conditions URL field to the View.
  5. Click the Gear icon to configure the field:
    1. In the Field label field, enter Terms and Conditions.
    2. In the Edit mode list, select Read-only.
    3. In the Display as list, select URL.
    4. Click Save.
      Configure field terms and conditions
  6. On the Other Views tab, in the Partial section, click Privacy Policy link to configure the View.
  7. Add the Privacy Policy URL field to the View, and then click the Gear icon to configure the Privacy Policy URL field:
    1. In the Field label field, enter Privacy Policy.
    2. In the Edit mode list, select Read-only.
    3. In the  Display as list, select URL.
    4. Click Save.

4 Configure the Review View

  1. Navigate back to the Other Views tab.
  2. In the Form section, create a View named User Consent using the Default form template.
  3. In the User Consent View, in the Fields section, add the following elements:
    1. Privacy Policy field.
    2. User Consent field.
    3. Privacy Policy View.
    4. Terms and Conditions View.
  4. Reorder the elements in the following order:
    1. User Consent field.
    2. Terms and Conditions View.
    3. Privacy Policy field.
    4. Privacy Policy View.
      User Consent View information.
  5. In the User Consent field row, click the Gear icon, and then configure the field:
    1. Select the Hide label checkbox.
    2. In the Caption field, enter I agree to Terms and Conditions.
    3. In the Conditions section, In the Required list, select Always.
    4. Click Save.
      The Configure field: User Consent window.
  6. In the Privacy Policy field row, click the Gear icon, and then configure the field:
    1. Select the Hide Label checkbox.
    2. In the Caption field, enter Privacy Policy.
    3. In the Conditions section, in the Required list, select Always.
    4. Click Save.
  7. In the Terms and Conditions View row, click the Gear icon, and then clear the Show heading checkbox.
  8. Click Save.
  9. In the Privacy Policy View row, click the Gear icon, and then clear the Show heading checkbox.
  10. Click Save.
  11. Navigate back to the Other Views tab, open the Review View, and then add the User Consent View.
    Review View
  12. Click Save.

Confirm your work

  1. In the header of App Studio, click Preview.
  2. Create a new Incident Case.
  3. Enter information as needed to navigate to the Review Step.
  4. Confirm that the Review Step displays all entered information, and that the User Consent partial View requires you to enable both the Terms and Conditions and Privacy Policy checkboxes.
    Incident case review step

This Challenge is to practice what you learned in the following Module:


Available in the following mission:

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

Did you find this content helpful?

Want to help us improve this content?

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