Question
3
Replies
460
Views
Posted: February 21, 2020
Last activity: February 24, 2020
Closed
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
Moderation Team has archived post,
Close popover
This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.
Posted: 1 year ago
Hello,
Thank you so much, but unfortunately, it is not working.
Regards
Posted: 1 year 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.