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

CSS defined in application skin is not applied on modal button

SA-16340

Summary



Modal button control (pzModalButton) does not refer the custom CSS style defined in the application causing button inconsistencies across the application.

The buttons are styled to have rounded edges but the pzModalButton control does not display the modal button with rounded edges.


Error Messages



Not applicable.


Steps to Reproduce



 Add a pzModalButton on any section with a custom skin.


Root Cause



 pzModalButton control displays the button in the table tag unlike a normal button which uses the Button tag.

To include the property border-radius to buttonMainTable to get rounded border to the element. 


Resolution



Add the below snippet in custom css :

TABLE.buttonMainTable {
    border-radius: 5px;
}

 

Published January 31, 2016 - Updated October 8, 2020

Was this useful?

33% found this useful

Have a question? Get answers now.

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

Pega GenAI Athena

Let’s get started! 
Ask me a question or choose a helpful suggestion to start chatting. Keep in mind that I’m always learning, so feel free to give me feedback too!
Remember to avoid sharing personal or sensitive information in your questions, or rely solely on my answers for important decisions.
By chatting with me, you agree to our terms and privacy policy.

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