Support Article
Modal window with Inline Grid Double displays maximized
SA-74596
Summary
A modal window configured with Inline Grid Double displays maximized across the screen with the scrollbars.
Error Messages
Not Applicable
Steps to Reproduce
Configure a modal window which uses Inline Grid Double formatted dynamic layout.
Root Cause
The Internet Explorer 11 browser had limited support for the FlexBox layouts.
Resolution
Perform the following local-change:
- Change the dynamic layout to use the legacy code instead of the optimised code. This utilizes inline-block instead of the Flexbox
- Add a custom Cascading Style Sheets (CSS) class (For example, VerificationFormModal) to the dynamic layout
- Add the below CSS snippet to the CSS included in the Harness or UserWorkForm:
<style>
.ie11 .VerificationFormModal .content-inline_grid_double > .content-item {
margin: 0; padding: 0;
}
</style>
Published March 16, 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.