Support Article
In Flexbox, Buttons are positioned differently in IE and Chrome
SA-33191
Summary
Buttons are appearing differently in IE browser and Chrome Browsers when a flexbox is set for dynamic layout.
Error Messages
Not Applicable
Steps to Reproduce
- Place a dynamic layout with flex box and make the header visible.
- Put one more dynamic layout inside it and then again one more dynamic layout inside it with float right having two buttons.
Root Cause
A defect in Pegasystems’ code or rules
The flexbox configuration a table structure is generated in IE while a div structure is there in the Chrome. So the float style is not getting applied/working in IE browser.
Resolution
Perform the following local-change: Change the design and keep the buttons in a separate dynamic layout.
Instead of keeping the buttons inside the dynamic layout 1,keep it in another separate layout (In image :Dynamic layout 2 )
Published February 11, 2017 - 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.