@Ravali9 Since the CSTabTitle in pyCustomDCTabSection isn't triggering the action set, an alternative approach is to use MutationObserver in JavaScript to detect when a case tab becomes active.

Solution Approach

1. Detect Active Tab Change: Use JavaScript to monitor DOM changes and detect when a new tab becomes active.
2. Capture Case Details: Retrieve the case ID or relevant details from the active tab.
3. Trigger Custom Action: Send data to a Data Transform, Activity, or a REST API for tracking.

Steps to Implement

Option 1: Using MutationObserver in UserWorkForm

This script can be added to UserWorkForm in Theme Cosmos applications.

(function detectActiveCaseTab() { const observer = new MutationObserver(() => { setTimeout(() => { let activeTab = document.querySelector(".current-tab-selector"); // Adjust this selector based on DOM structure if (activeTab) { let caseID = activeTab.getAttribute("data-case-id"); // Adjust based on actual DOM console.log("User is now working on Case:", caseID); // Call an activity or REST API to track active case pega.api.ui.actions.runDataTransform("TrackActiveCase", { caseID }); } }, 500); }); observer.observe(document.body, { childList: true, subtree: true }); })();

Option 2: Using Custom Event Listener in pyCustomDCTabSection

If your case tab section is already defined, add an onClick event listener dynamically.

document.addEventListener("click", function (event) { if (event.target.closest(".case-tab-class")) { // Adjust the class for the tab let activeTab = event.target.closest(".case-tab-class"); let caseID = activeTab.getAttribute("data-case-id"); // Fetch case details console.log("Switched to Case:", caseID); // Trigger an action in Pega pega.api.ui.actions.runActivity("SaveActiveCase", { caseID }); } });

Pega Configuration

1. Create a Data Transform (TrackActiveCase)

   • Accept caseID as a parameter and store it in a tracking property.

2. Create an Activity (SaveActiveCase)

   • Accept caseID and log or update a data table for tracking.

3. Trigger an API (Optional)

   • If you need to track active tabs across users, call a REST API from Pega.

Additional Notes

• The approach varies based on UI architecture:

  • Theme Cosmos/UI-Kit: The above script should work.
  • Constellation: You might need a DX Component with useEffect to track tab focus.

• Ensure correct DOM selectors in your Pega application to track case tabs.