
Creating field groups in Constellation Views
6 Tasks
35 mins
Intermediate
Pega Platform '24.2
User Experience
Constellation
English
Scenario
Important aspects of the UI configuration for the
application from . are Field Groups and the Search and select pattern for navigating product list information. As a System Architect on the application project, you are tasked with configuring the Service Details and Product Details Views that incorporate these UI features.Note: Complete the challenge Designing Views with Constellation before beginning this challenge.
The following table provides the credentials you need to complete the challenge:
Role | User name | Password |
---|---|---|
System Architect | Author@SL | pega123! |
Note: Your practice environment may support the completion of multiple challenges. As a result, the configuration shown in the challenge walkthrough may not match your environment exactly.
Note: The challenge walkthrough video is coming soon.
Detailed Tasks
1 Add fields to the Data Model of the Incident Case Type
- In the Pega instance for the challenge, enter the following credentials:
- In the User name field, enter Author@SL.
- In the Password field, enter pega123!
- In the navigation pane of App Studio, click Case Types > Incident to open the Case Type.
- Click the Data Model tab.
- Add the following fields to the Data Model:
Name Type Picklist options Choices What happened? Text (paragraph) Not applicable Not applicable When did this happen? Date only Not applicable Not applicable Communication channel Picklist Local In person, Email, Phone, and Postal - Click Save.
2 Configure a Field Group and Validation in the Service Details View
- In the Workflow tab. Case Type, click the
- Click the Service Issue Step to open the contextual properties pane on the right.
- Click Configure View to open the Edit View: Service Details window.
- In the Fields section, click Add > Fields > Communication channel > Add to add the field to the View.
- Click Add, and then click Create Field Group.
Note: Field Groups are unique to the View in which they are created. For more information about Field Groups, see Configuring field groups.
- In the New Field Group window, enter the following information:
- In the Heading field, enter Incident details.
- In the Instructions list, select Show instructions.
- In the Instructions text field, enter Please answer the questions below.
- Click Submit.
- In the Incident details Field Group row, click the Add icon.
- Click Fields, select the What happened? and When did this happen? checkboxes, and then click Add.
- To the right of Communication channel, click the Gear icon to display the Configure field: Communication channel window.
- In the Conditions section, in the Required field, select Always, and then click .
- Repeat Steps 9-10 for the and fields.
- In the Service Details window, click the Conditions tab.
- Click Add condition, and then in the Message field, enter The date must be in the past.
- Create a Condition that states When did this happen? is after Today, and then click Submit.
Note: For more information about building a custom Condition, see Defining Conditions in the Condition builder.
- Click Save.
3 Configure the Field Groups for the Product Details View
- In the Case Type, click the UX tab.
- Click the Other Views tab, and then in the Form section, click the Product Details View.
- Click Add > Create Field Group to create a new Field Group with the following details:
- In the Heading field, enter Select product.
- In the Instructions list, select Show instructions.
- In the Instruction text field, enter Please select the product that was involved in the incident.
- Click Submit.
- Repeat step 3 to create a new Field Group with the following details:
- In the Heading field, enter Incident details.
- In the Instructions list, select Show instructions.
- In the Instruction text field, enter Please answer all of the questions below.
- Click Submit.
Tip: This Incident details Field Group is unique to the Product Details View and is not related to the Incident details Field Group created for the Service Details View in Task 2 of this challenge.
4 Configure the Select Product Field Group
- In the Select product Field Group row, click Add, and then click Fields > Create new field.
- Create a new field with the following details:
- In the Name field, enter Product.
- In the Type list, select Data Reference.
- In the Data object list, select Product.
- In the Options section, select Single record.
- Expand the Advanced section, and then select the Reference data is copied to the Case checkbox.
- In the Data Page list, select Product.
- Click Submit.
- Click the Product field.
- In the Edit field: Product window, in the Input settings section, configure the following details:
- In the Mode field, select Single-select.
- In the Display as field, select Table.
- In the Data Page field, select List Product.
- In the Columns section, add the following columns to the view:
- Name
- SKU
- Category Name
- Click Back to return to the View.
- Add the Cost field to Select Product Field Group:
- In the Select Product Field Group row, click Add.
- Click Fields > Product > Fields > Cost > Add.
Note: Click the arrow located to the right of a data object to access the associated fields and Views.
- In the Select product Field Group row, click Add, and then click Fields > Create new field.
- Create a new field with the following details:
- In the Name field, enter Proof.
- In the Type field, select Attachment.
- In the Attachment category field, enter Picture.
- In the Type field, select Single record.
- Click Submit.
- In the Proof field row, click the Gear icon.
- In the Configure field: Proof window, complete the following details:
- In the Label value field, select Custom.
- In the Custom label value enter Proof.
- In the Helper text field, enter Please attach proof of issue.
- Click Save.
The following figure shows the configuration of the Select product Field Group:
5 Configure the Incident details Field Group
- In the Incident details Field Group row, click Add.
- Click Fields, select the What happened? and When did this happen? checkboxes, and then click Add.
- Click .
6 Configure Validation on the Product Details View
- In the Incident Case Type, click the Workflow tab.
- Click the Product Issue Step to open the contextual properties pane on the right.
- Click Configure View to open the Edit View: Product Details window.
- In the Edit View: Product Details window, click the Conditions tab.
- Click Add Condition.
- Complete the following steps to create the conditional Validation:
- In the Message field, enter The date must be in the past.
- Create a Condition that states When did this happen? is after Today.
- Click Submit.
- Click Save.
Confirm your work
- In the header of App Studio, click Preview.
- Create a new Incident Case.
- In the Incident Type field, select Customer service issue, and then select an Incident SubType. Click .
- Review the content of the Service Issue View, specifically noting the contents of the Incident details Field Group.
- In the When did this happen? field, enter a date that is in the future. Confirm that you receive error messages for the required fields and the incorrect date.
- Cancel out of the existing Case and create a new Incident Case.
- In the Incident Type field, select Product faulty or unsafe, and then select an Incident SubType. Click .
- Review the content of the Product Issue View, specifically noting the contents of the Select product and Incident details Field Groups.
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.
Want to help us improve this content?