Support Article
Tab does not get active on click of the tab in a tabbed layout
SA-23133
Summary
Tab group layout with three or four tabs were designed to display the section. OnClick Refresh section and data transform were also designed on tab.
Clicking tabs renders the corresponding screen, but the OnClick events are not triggered.
Error Messages
Not Applicable
Steps to Reproduce
1. Create a tabbed layout.
2. Write an OnClick-refresh event in Actions tab and run data transform to verify if the tab is active on click.
3. Open the portal, and click the tab.
Root Cause
Actions are configured on the body of the layout, but not on the header.
Resolution
<script>
var eles = document.getElementsByTagName("li");
var i=0,count=0;
for(i;i<eles.length;i++ )
{
if(eles[i].hasAttribute("tabGroupName"))
{
var el=eles[i];
count++;
eles[i].onclick=function(){
var ev=this;
var tabSelected =this.title; // this could vary because if we are dirctly using Tab containers then the object will have textContent instead of title
var oSafeURL = new SafeURL("Gous-GCSWorkApp-Work.MyTestActivity");
oSafeURL.put("TestParam", tabSelected);
var strReturn = pega.util.Connect.asyncRequest('POST',oSafeURL.toURL(),'',''); };
}
}
alert("no of tabs are "+count);
</script>
Published May 16, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.