Support Article
Close Button on modal popup renders incorrectly post update
SA-61767
Summary
On update to Pega 7.3.1, the Close button does not render correctly. The padding around the button text is lost.
Before update:
After update:
Error Messages
Not Applicable.
Steps to Reproduce
- Update from Pega 7.2.1 to Pega 7.3.1
- Log in to the application
- Launch a local action in a modal window
Root Cause
An issue in the custom application code or rules.
This behavior does not occur using the out-of-the-box 7.3.1 along with UI Kit v10 skins.
The modal template uses non-autogenerated buttons (pzModalButton) which rely on styles in additional styles in Cascading Style Sheets (CSS) attached to the skin. In this case the application was not using the UI Kit, and following the update to 7.3.1, certain styles for this kind of button are in UI Kit rules.
The missing styles are in the py-tables-overrides CSS (UI Kit 10) however, not in the out-of-the-box version of this CSS.
Resolution
Perform the following local-change:Add the UI Kit as built on application if the py-tables-overrides CSS is referenced by the skin, and has not been customized from a previous version.
Alternatively, if the UI Kit can not be added, add the following style in a CSS attached to the skin, or in the UserWorkForm HTML:
.Simple button.buttonTdButton,
.Strong button.buttonTdButton {
height: 32px;
padding: 0 14px;
min-width: 105px;
}
Published August 24, 2018 - 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.