UI Builder Data resource
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-10-2025 10:44 AM
How to show the related list records on the workspace??
for e.g i want to show all the open incidents related to parent case in one separate UI builder page and all the close incident in another UI builder page??
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-10-2025 11:54 AM
To show related list records -
### **Step 1: Create Data Resources to Fetch Open and Closed Incidents**
Since you want to display **Open Incidents on one page** and **Closed Incidents on another**, you need two separate **Data Resources** in UI Builder.
#### **1.1 Create Data Resource for Open Incidents**
1. Go to **UI Builder** (`/now/ui-builder`).
2. Select the **Workspace Experience** where you want to add this.
3. Navigate to **Data Resources** → **+ Add Data Resource**.
4. Choose **Table** as the data source.
5. Select the **Incident (`incident`)** table.
6. Set the condition:
- `Parent Case` = `@context.case_sys_id` (Dynamic reference)
- `State` is **not Closed**
7. Name it **"Open Incidents Data"** and save.
#### **1.2 Create Data Resource for Closed Incidents**
Repeat the above steps, but change the filter:
- `Parent Case` = `@context.case_sys_id`
- `State` is **Closed**
Name it **"Closed Incidents Data"**.
---
### **Step 2: Create UI Pages for Open and Closed Incidents**
Now, create two separate UI Pages in UI Builder.
#### **2.1 Create UI Page for Open Incidents**
1. In UI Builder, create a **New Page** and name it **"Open Incidents Page"**.
2. Add a **Repeater Component** (to display the list).
3. Bind the **Repeater Component** to the **"Open Incidents Data"** resource.
4. Configure the **Repeater** to display:
- Incident Number
- Short Description
- Assigned To
- Priority
- Other required fields
#### **2.2 Create UI Page for Closed Incidents**
Repeat the same steps as above but bind the **Repeater Component** to **"Closed Incidents Data"**.
---
### **Step 3: Link These Pages in the Workspace**
1. Add navigation options (like buttons or links) to **navigate** between the Open and Closed Incident pages.
2. You can use the **"Navigate to Page"** action in UI Builder.
Kindly mark my answer as helpful and accept solution if it helped you in anyway,
Regards,
Shivalika
My LinkedIn - https://www.linkedin.com/in/shivalika-gupta-540346194
My youtube - https://youtube.com/playlist?list=PLsHuNzTdkE5Cn4PyS7HdV0Vg8JsfdgQlA&si=0WynLcOwNeEISQCY