Adding Portals and landing pages in Constellation applications

5 Tasks

30 mins

Pega Platform '25

Pega Platform '24.2 (English) Pega Platform '24.2 (日本語) Pega Platform '23

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

Intermediate

User Experience

Constellation

English

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!

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

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

• Log In

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.
      
   3. In the Editing section, select the Allow edit, delete, create and custom actions 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 Default page. 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 Default page. Click Submit.
3. In the Edit landing page: Incidents section, in the Layout list, confirm One column is selected and configure Region A as follows:
   1. Click Add > Views > Incident list > Add to add the existing View to the landing page.
   2. Click the Incident list View.
4. In the Edit View: Incident list, verify that the Heading field is set to Incidents.
   1. In the Data Page field dropdown, confirm that Incident List is selected.
   2. In the Display as field, confirm Table is selected
   3. In the Columns section, confirm the fields ID, Work Status, Incident Type, Incident SubType, Resolution Method, First Name, Last Name, Fraud indicator, Name, SKU are displayed:
      
       
   4. In the Columns section, select the Allow bulk Actions checkbox.
   5. In the Editing section, select the Allow editing checkbox.
5. Navigate back to the BO Portal's Main navigation page and add the Incidents landing page to the Landing pages section.
6. Click Save.

4 Add the Mass Approval (Bulk Action) optional Action

1. Switch to Dev Studio.
2. Using the App explorer, navigate to SL-TellUsMore-Work-Incident > Process > Flow Action and open the ManagerApprovalLocalAction1 Flow Action.
   
3. On the Action tab, select Run this Action only from bulk processing.
   
4. 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. In Region A, click Add > All work in my application >  Number of Work Items Created Daily and click add.
   4. In Region B, click Add > All work in my application >  Number of work Items Resolved Daily and click add.
      
   5. Click Save Dashboard.
   6. In the Name field, enter Case Creation vs. Resolution.
   7. Click Submit.

---

---

Available in the following mission:

• Constellation Adoption v3