Overview :
This article explains how to create a custom page in the Digital Product Release (DPR) Workspace and add a Record List component that displays records from a specified table.
Step 1: Create a UI Builder Page
- Navigate to UI Builder from the Application Navigator.
- Open Digital Product Release Workspace.
- Under Pages and Variants, click the + (Plus) icon.
- Select Create New Page.
- Select option Create from scratch instead.
Enter the required page details:
- Page Name: List Page
- Path: list_page
- Note: The page path configured here must match the route used later in the L1 navigation configuration.
- Select default URL options and click on Looks good.
- Complete the page creation process and save the page.
Step 2: Add an L1 Navigation Item
Create a new record in the sys_ux_page_property table with the following values:
|
Field |
Value |
|
Application |
Digital Product Release Data Model |
|
Page |
Digital Product Release Workspace |
|
Name |
chrome_toolbar |
|
Type |
json |
|
Suffix |
chrome_toolbar |
Value
[
{
"id": "list_page",
"label": {
"translatable": true,
"message": "List Page"
},
"icon": "list-outline",
"viewportInfo": {},
"routeInfo": {
"route": "list_page"
},
"group": "top",
"order": 900,
"badge": {},
"presence": {},
"availability": {
"roles": [
"sn_dpr_workspace.workspace_user"
]
}
}
]
After saving the record, a new List Page navigation item will appear in the Digital Product Release Workspace.
Step 3: Add the Record List Component
- Open the page created in UI Builder.
- Under the Body section, click Add Content.
- Select the Record List component.
- Configure the component properties: Under the Data section, specify the table name whose records should be displayed. Configure additional list properties as required, such as filters, columns, sorting, and pagination.
- Save and publish the page.
Verification
- Open the Digital Product Release Workspace.
- Click the newly created List Page navigation item.
- Verify that the Record List component loads successfully and displays records from the configured table.
The Record List component is now available within the DPR Workspace and can be used to view and manage records directly from the custom page.
