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

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

  1. Launch the application on the Internet Explorer 11 browser.
  2. Log in to Pega Dev Studio.
  3. 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> 
Suggest Edit

Published December 2, 2021

Did you find this content helpful? Yes No

Have a question? Get answers now.

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

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