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
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.