Adding Portals and landing pages in Constellation applications

5 Tasks

30 mins

Pega Platform '24.2

Pega Platform '23

Visible to: All users Applies to: Pega Platform '24.2

Scenario

Sweet Life stakeholders have decided to create different Portals so that the users of their Tell Us More application only have access to the information that is relevant to their specific Tasks. An important aspect of developing these Portals is defining the landing pages that include the data that is important to each Portal's user.

In this challenge, you build out two Portals, including landing pages, for the Tell Us More application. Additionally, you have been tasked with creating a custom Dashboard to display previously created Insights, so that Sweet Life's back-office workers can easily compare the number of Cases being created every day with the number of Cases being resolved.

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

Role	User name	Password
System Architect	Author@SL	pega123!

Intermediate

User Experience

Constellation

English

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

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

• Log In

Challenge Walkthrough

Detailed Tasks

1 Create Portals for the Tell Us More application

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 Channels.
3. In the Create new Channel interface section, click Portal to create a new Portal Channel, and then configure the following fields:
   1. In the Name field, enter Tell Us More - BO Portal.
   2. In the Description field enter Tell Us More Back Office Portal.
   3. Select the Work Portal type.
   4. Click Submit.
      
4. Click Save to save the new Portal configuration.
5. Click the Back button to return to the Channel menu.
   
6. Click Portal to create another new Portal Channel, and then configure the following fields:
   1. In the Name field, enter Tell Us More - Customer Portal.
   2. In the Description field enter Tell Us More Customer Portal.
   3. Select the Self-service Portal type.
   4. Click Submit, then click Save to save the new Portal.
7. In the Tell Us More - Customer Portal window, click the Configuration tab.
8. In the Personas section, add the Customer Persona to the Portal and click Save.
   
9. For the Tell Us More - BO Portal, repeat steps 7- 8 to add the Case Worker and Dispatcher Personas.

2 Create a Product landing page

1. In the navigation pane of App Studio, click Data, and navigate to the Product data object.
2. To access the Views associated with the Product data object, click UX > Other Views.
3. In the List section, create a new list View called Products and configure it as follows:
   1. Remove Primary Fields from the Columns section.
   2. Add the following columns: Name, SKU, and Category Name.
      
   3. In the Editing section, select the Allow edit, delete and create checkbox.
      
4. Click Save.
5. In the navigation pane of App Studio, click Channels, and navigate to the Tell Us More - BO Portal.
6. On the Content tab, click Landing pages.
7. To add a new landing page, click Add.
   
8. In the Name field, enter Product. In the Template drop-down list, select One column. Click Submit.
   
9. To Region A, add the Products View to the landing page.
10. Click the arrow to the left of Landing pages to return to the main navigation section.
11. In the Landing pages section, click the Add item button to add the Product landing page to the BO Portal.
    
12. Click Save.

3 Create an Incident landing page

1. In the Tell Us More - BO Portal, click Landing pages.
2. Add a new landing page named Incidents and in the Template drop-down list, select List page. Click Submit.
3. Configure the Incidents landing page as follows:
   1. In the Data Page field, select Incident List.
   2. In the Display as field, select Table.
   3. In the Columns section add the following 10 fields and order them as shown in the figure:
      • First Name (Customer)
      • Last Name (Customer)
      • ID
      • Name (Product)
      • SKU (Product)
      • Work Status
      • Fraud Indicator
      • Resolution Method
      • Incident Type
      • Incident SubType
        
   4. In the Columns section, scroll down and select the Allow bulk Actions checkbox.
   5. In the Editing section, select the Allow editing checkbox.
4. Navigate back to the BO Portal's Main navigation page and add the Incidents landing page to the Landing pages section.
5. Click Save.

4 Add the Mass Approval (Bulk Action) optional Action

1. Navigate to the Case Life Cycle of the Incident Case Type and click Optional Actions.
2. In the Manager Approval Stage, add the Manager Approval (Bulk Action) user Action by clicking Actions > More > User Actions > Manager Approval (Bulk Action) > Select.
   
3. Click Save.
4. Switch to Dev Studio.
5. Using the App explorer, navigate to SL-TellUsMore-Work-Incident > Process > Flow Action and open the ManagerApprovalLocalAction1 Flow Action.
   
6. On the Action tab, select Run this Action only from bulk processing.
   
7. Select Save as > Create and open > Save.

5 Create Case Dashboards

1. Switch back to App Studio, and then click the Preview Button.
2. In the Portal drop-down list, select the Tell Us More - BO Portal.
   
3. From the Portal's left side navigation pane, click Dashboards, then, in the upper right, click Create Dashboard.
4. Configure the New Dashboard as follows:
   1. Select the Two column template.
   2. Set the Visibility to Public - all users.
   3. To Region A, add the Insight named Number of Work Items Created Daily.
   4. To Region B, add the Insight named Number of work Items Resolved Daily.
      
   5. Click Save Dashboard.
   6. In the Name field, enter Case Creation vs. Resolution.
   7. Click Submit.

---

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

• Extending Constellation UI options v2

---

Available in the following mission:

• Constellation Adoption v2