Support Article
Table adds infinitive scroll in IE11 browser due to Flexbox
SA-77133
Summary
On launching the User portal from Pega Dev Studio in the Internet Explorer 11, each of the table columns is stretched out and a horizontal scrollbar displays at the bottom and scrolls infinitely. The table displays correctly in the Chrome browser.
Error Messages
Not Applicable
Steps to Reproduce
- Launch the application on the Internet Explorer 11 browser.
- Log in to Pega Dev Studio.
- Launch the Web Interface > <End User> portal.
Root Cause
The Internet Explorer does not completely support Flex containers which caused the horizontal scrollbar to display at the bottom of the screen.
Resolution
Perform either of the following local-changes:
- In the Presentation tab of the dynamic layout properties, switch the Layout mode to 'Use static legacy layout, markup and CSS' and select Pega 7.0.
- Save the top level screen layout as a container. This makes the background color, transparent.
For a white background, use the Developer tool to identify the Div class and include the below code to the UserWorkForm:
<style>
.harnessBodyNoHead {
background-color: white;
}
</style>
Published December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.