How to change button style .
Hi Guys,
I used one ModalTemplate section in base calss in section submit button come like different.
Please check once in screen shot .Please help me how to remove that double line .
Accepted Solution
Updated: 12 Jun 2024 1:08 EDT
Pegasystems Inc.
IN
@kirti - Then some custom styles might be getting applied. Try below change in UserWorkForm and verify the issue.
<style>
.Simple.buttonMainTable{
padding-bottom: 0px !important;
}
</style>
Thank you.
HCL Technologies Limited
IN
Click on button configuration in the section where it is placed and navigate to presentation tab and change the control format to Standard.
CI
IN
HCL Technologies Limited
IN
Also you can put value for button style param as Standard ,Strong, Simple or Other. Hope it resolved your issue.
Updated: 11 Jun 2024 9:26 EDT
Eclatprime Digital Private Limited
IN
@kirti Try to change the style of button . It should be different CSS style also in presentation layer of the same button control try to change the CSS setting. In case both not works . Open any Pega OOTB submit button control and copy exact each step . You will get correct output. Things wil defintely work take the correct input from already created buttons.
Lantiqx Systems India Private Limited
IN
Hi @kirti
I have used the same pzModalButtonSubmit in my use case but I am getting result properly so please refresh or try creating it again.
please find the below screenshots for reference
CI
IN
As per requirement button style I need to put Simple only with orange color and orange board.
But when I click on search button pop up window open. That time submit button come like that click on popup window.
CI
IN
Pegasystems Inc.
IN
@kirti -
1. Open application skin
2. Select buttons -> Simple
3. Verify the preview in this rule
If the skin has inherited skin verify the above in other skin rules as well.
If its properly seen then some styles from some css file is impacting.
Thank you.
CI
IN
Button style I checked in Skin level also. everything is fine on skin but in Ui button come like that.
Accepted Solution
Updated: 12 Jun 2024 1:08 EDT
Pegasystems Inc.
IN
@kirti - Then some custom styles might be getting applied. Try below change in UserWorkForm and verify the issue.
<style>
.Simple.buttonMainTable{
padding-bottom: 0px !important;
}
</style>
Thank you.