Skip to main content

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

  1. Update from Pega 7.2.1 to Pega 7.3.1
  2. Log in to the application
  3. 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;

}
 

 

Suggest Edit

Published August 24, 2018 - Updated October 8, 2020

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.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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