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
Updated: 14 Jun 2021 7:38 EDT
Pegasystems Inc.
IN
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.
Pegasystems Inc.
IN
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