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



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. 


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.

Did you find this content helpful?

Want to help us improve this content?

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