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
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.