Support Article
Table layout overflows to right pane in IE
SA-78276
Summary
In the Internet Explorer 11 browser, a table layout containing more than 10 columns overflows to the right pane.
Error Messages
Not Applicable
Steps to Reproduce
Create a table layout with more than 15 columns. The table layout overflows to right pane in the Internet Explorer 11 browser.
Root Cause
A defect in Pegasystems’ code or rules.
Resolution
Perform the following local-change:
- Open the section which contains the table.
- Open the property panel of the the Wrapper dynamic layout.
- Navigate to the Presentation tab and add flex-table-cont as the Content CSS class.
- Click Submit.
- Open the UserWorkForm and add the below script
<script>
function setSectionWidth(){
var wrapperDL = $(".ie11 .flex-table-cont");
var innerTable = $(".ie11 .flex-table-cont > .flex.content-item > table");
if(wrapperDL && wrapperDL.length > 0 && innerTable && innerTable.length > 0){
var widthOfTable = parseInt(innerTable.width()) + 56;
var sectionTag = $(".ie11 .workarea-view-scroll-wrapper > section");
sectionTag.css("width",widthOfTable + "px");
}
}
$(document).ready(function(){
if(pega.u && pega.u.d && pega.u.d.attachOnload)
pega.u.d.attachOnload(setSectionWidth,true);
setSectionWidth();
});
</script>
- Click Save and run the flow.
Published August 15, 2019 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.