Support Article
Grid content gets overlapped by content of other layout
SA-69722
Summary
In the Internet Explorer browser, grid content is overlapped by content of another layout.
Error Messages
Not Applicable
Steps to Reproduce
Configure a grid with 20 columns. At runtime, the grid extends out of the screen without a scroll bar and is hidden by other layouts.
Root Cause
A defect in Pegasystems’ code or rules: Flex layout limitation with Internet Explorer 11 browser.
Resolution
Perform either of the following local-changes:
Local Change 1
- Open the UserWorkForm rule.
- Save As the rule to the application ruleset (if not saved before).
- Add the following code snippet.
<script>
pega.u.d.attachOnload(function(){
if(pega.util.Event.isIE && $(".harnessContent .ie-table-fix")[0]){
$(".harnessContent .ie-table-fix").removeClass("ie-table-fix");
}
});
</script>
Add the following styles in the UserWorkForm:
<style>
div[node_name=pyUserWorkList] div#PEGA_GRID_CONTENT {
overflow-x:auto;
}
</style>
node_name value is the section name which holds the grid.
Published January 20, 2019 - 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.