Customize Modal/ Overlay Buttons
Hello Everyone,
i am wondering how to customize the modal / overlay button design. What i found out is to use custom CSS code within the userworkform like this:
<style>
button{
border-radius: 10px !important;
font-weight: 600 !important;
border:none;
}
</style>
But with this solution i am changing every button in PRPC but i only want to concentrate on Submit buttons for pzModalButton and pzOverlayButton. On the parameters page i used for ButtonStyle Strong and i thought it might be easy to set a "Strong" in front of the ".button{" notation but it did not work.
Maybe someone can give me some advises.
Thank you very much and
BR
Norman
Accepted Solution
Pegasystems Inc.
US
Hi,
Open the developer's tool in Chrome/IE and check the class these buttons are associated with. Then modify it like below.
<style>
button .classname{
border-radius: 10px !important;
font-weight: 600 !important;
border:none;
}
</style>
Please let me know in case of any questions.
Regards,
Rachit
Vodafone
IN
Dear Norman,
Including the code in userworkform will make the changes to the entire application. If you want a specific modal dialog to look different as per your customization.
Include a non-autogenerated section in the section you are referring for the modal dialog. In non-autogenerated section make your customization.
This way styles are limited to only that particular section, not to the entire application.
Regards,
Naveen