Skip to main content

Support Article

Modal Submit button highlights partially on click

SA-54549

Summary



Clicking the modal dialog Submit button, highlights the button partially. This occurs after updating to Pega 7.3.


Error Messages



Not Applicable.


Steps to Reproduce

  1. Update the application from Pega 7.1.9 to Pega 7.3
  2. Click the modal Submit button


Root Cause



This is an issue with pzModalButton markup. The button tag does not occupy the entire button size as displayed. Hence, the active: pseudo selector Cascading Style Sheets (CSS) is applied only to the button area.


Resolution

Perform the following local-change:

Add the below code in UserWorkForm:


<style>
.Strong button.buttonTdButton:not([disabled]):active {
background-color: transparent;
}

.Strong button.buttonTdButton{
outline: none;
}
</style>

Suggest Edit

Published April 10, 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