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

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;

}
 

 

Published August 24, 2018 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

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

Did you find this content helpful?

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