SA-21896

Summary

User has a dynamic layout tab group present inside a harness. On click of a case they are opening the harness with the case details.
When they expand the accordion layout present in first tab and move to second or third tab, and come back to first tab, action buttons present in the container getting disappeared.

Error Messages

Not Applicable

Steps to Reproduce

1. Create a harness with layout group of tab style with 2/3 dynamic layout present in the group layout.
2. In first layout add 2/3 accordion layout and in second tab add few element so that on expand first tab content height will be more than second tab at run time.
3. Add defer load check in dynamic layouts.
4. On link click configure "Harness" and provide the new harness as parameter.
5. Add dynamic container in parent section so that on link click harness will open in new tab.
6. Run the case.

Root Cause

A software use or operation error :-

For defer load, when the tabs are opened harness resize API is called which is recalculating the height of the frame to current content height. Since on subsequent tab open harness resize is not called, the issue is coming as the height is getting fixed as that of the tab section(with defer load) which was last opened .

On tab layout defer load option is checked. Removing the defer load option is resolving the issue ,button gets visible but for tabs having height less than the first tab, shows blank space between the last content and button panel. Since the harness with layout group and defer load checked is present inside a dynamic container, the issue is coming. If the tab layout group is present inside a normal section issue is not coming.
As on load contents to be displayed are more, defer load option is checked else it is taking time to load the harness.

Resolution

With defer load and dynamic container, resize of the content is not happening properly.

Perform the following local-change: 

1. Added a custom style class(casecontent) in skin rule.
2. Used the style class in the layout group present in pyCasecontent section.
3. Added a non-auto generated section in pyCaseContent section with following script:-
<script>  
  var t = $( ".custom_casecontent").children().find(".header > h3");
  for(var i = 0 ; i<t.length;i++){
    $(t[i]).click(function() {
  pega.u.d.doHarnessResize();
}); 
  }  
</script>

It will trigger resize function when tab header is clicked so that the height of container will be recalculated.