How to customize a CheckBox ? (pega7.2.2)
Hello,
I m working on a project, and I have to custom a checkBox (attached below)
1- I want to change the background color of the checkBox
2- change the color of the check from black to #F7F6F6
I ve tried to do it from the SKIN, but it s not working
Can you suggess me any solution?
Regards
Hasnaa
Posted: 9 months ago
Posted: 9 months ago
Hello,
Thank you so much, but unfortunately, it is not working.
Regards
Posted: 9 months ago
Hi,
Please check the below article. It seems that you need to write the custom css in order to display the check box according to your requirement.
https://community.pega.com/support/support-articles/changing-checkbox-icon-and-checkbox-size
I think we need to have custom CSS for this.
Can you try adding below code in the custom CSS file?
input[type="checkbox"]:checked{ background: url('webwb/pzCheckboxChecked.svg') #F7F6F6; }
image for the check mark and background color for the checkbox.