Question
The Toronto-Dominion Bank
CA
Last activity: 3 May 2025 10:11 EDT
How to launch OOTB harness 'CSHome' when the user switches the tabs of dynamic container of a Tab Group inside a Section
I have a requirement to launch the OOTB harness 'CSHome' when the user switches the tabs of dynamic container of a Tab Group (The Tab Group is inside a Section).
I know there is no OOTB way of doing this. I need to launch the harness 'CSHome' in the background where the user should not see the harness getting launched in the UI. It should run in the background without any effect of the Harness launch visible/shown to the user.
Do you have any suggestion or the JavaScript that can help achieve this requirement?
I have gone through the below discussion and it talks about creating an event when the tab switch happens, but I am looking to launch the harness 'CSHome' in the background when the tab switch happens.
https://support.pega.com/question/there-way-define-event-dynamic-tab-tab-group
My application is a Customer Service Application on Pega Cloud (version Pega Infinity 23.1.1 ( 8.23.1). The details of the version are below.
******************************************************************************************
Pega Infinity '23
Pega Foundation for Financial Services
Pega Customer Service (UI Kit) '23.1
Pega Customer Service for Financial Services
*****************************************************
The Toronto-Dominion Bank
CA
@RichardMarsot @Chiranit Prateepasen @madap Is this something you could help with?
Pegasystems Inc.
US
@Satya Kesaniit seems that what you are asking is to refresh the home tab on the multi-tab DC - not to launch the CS Home harness in the background - my recommendation is to either use refresh when condition or reload condition when activated. the other option if this is not possible is to write JS to listen to the clicks on the tabs and to force a refresh of the harness
Updated: 21 Apr 2025 14:44 EDT
The Toronto-Dominion Bank
CA
@RichardMarsot - I am looking to launch the 'CSHome' harness in the background, not to refresh the home tab.
When there is an incoming request coming from external application (non-Pega) to create an Interaction Case in Pega, I am able to launch 'CSHome' harness successfully using JavaScript code in a non-autogenerated section. Here is the JavaScript code I used. I am using a When Condition 'IsC3UserLogin' to launch harness 'CSHome' when the interaction request is from external app C3.
<pega:when test='IsC3UserLogin'> <script type="text/javascript"> pega.u.d.attachOnload(function(){ pega.api.ui.actions.launchHarness({harness:"CSHome", harnessClass:"CPM-Portal"});}); </script> </pega:when>
But after 2 interactions are created (coming from external app C3) in multi-tab DC, if I switch the tabs (click on the previous tab, not the newly created one), and initiate the 3rd interaction from external app, the above code is not getting triggered. Hence I want to trigger the above code (preferably using JavaScript code like above) when the tab switch happens. It should run the above code silently in the background not showing the effect to the user in UI so that the 3rd interaction case will get created in the new tab.
@RichardMarsot - I am looking to launch the 'CSHome' harness in the background, not to refresh the home tab.
When there is an incoming request coming from external application (non-Pega) to create an Interaction Case in Pega, I am able to launch 'CSHome' harness successfully using JavaScript code in a non-autogenerated section. Here is the JavaScript code I used. I am using a When Condition 'IsC3UserLogin' to launch harness 'CSHome' when the interaction request is from external app C3.
<pega:when test='IsC3UserLogin'> <script type="text/javascript"> pega.u.d.attachOnload(function(){ pega.api.ui.actions.launchHarness({harness:"CSHome", harnessClass:"CPM-Portal"});}); </script> </pega:when>
But after 2 interactions are created (coming from external app C3) in multi-tab DC, if I switch the tabs (click on the previous tab, not the newly created one), and initiate the 3rd interaction from external app, the above code is not getting triggered. Hence I want to trigger the above code (preferably using JavaScript code like above) when the tab switch happens. It should run the above code silently in the background not showing the effect to the user in UI so that the 3rd interaction case will get created in the new tab.
The tab elements are created using <li> tags. Please see the below screenshot for <li> tags.
The Toronto-Dominion Bank
CA
@RichardMarsot @Chiranit Prateepasen @madap - Just wondering if you have any solution to implement this. Need to launch CSHome harness when the tab (of multi-tab DC) switch happens.