Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Repeating Grid expanding issue when progressive load is selected

SA-11428

Summary



For repeating grid we have specified 'Show Details' option and included a flow action. For that specific repeating grid we have included 'Progressive Loading' option in pagination. If we include 'Size grid height to content' tick then the expandable section UI is getting cut offed at the end of the repeating grid's height. If 'Size grid height to content' option is not ticked then the external repeating grid UI is stretched up to height of the hidden expandable section itself.

Error Messages



UI Loading issue no error is shown to the user.

Steps to Reproduce



1. Create a repeating grid layout.
2. Include flow action to 'Show Details'.
3. Include pagination format to 'Progressive Loading' with 'Size grid height to content' option included.
4. Try to expand the section to see the outcome.
5. Include pagination format to 'Progressive Loading' with 'Size grid height to content' option excluded.
6. Try to expand the section to see the outcome.


Root Cause



The root cause of this problem is software use/operation error.
There are two processes, one is for triggering the web service and other is to process the UI, by the time web service is ready with the response data PRPC UI process processed the UI and set the height limits to expand pane hence once the data comes it is displaying the scrollbar in the available space.

Reported issue is not reproduced in-house.


Resolution



This issue is resolved through the following local-change:

1. Create a non-autogenrated section.
2. Place the following code snippet
3. Embed the section into the section which is used as expand pane.


Code Snippet:
--------------------
<script>
var flag = 0;
var myVar ;
function test()
{
document.getElementById("gridLayoutWrapper").style.height= "300px" /*document.getElementById("modaldialog_con").offsetHeight+"px";*/
document.getElementById("gridLayoutWrapper").style.overflowY="auto";
}
myVar = setInterval(function(){test()}, 500);
setTimeout("test2()",2000);
function test2()
{
clearInterval(myVar);
}
</script>

 

Published July 21, 2015 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us