Support Article
Changing checkbox icon and checkbox size
SA-16440
Summary
Currently in application skin rule, there is no provision to change the checkbox icon and checkbox size.
Resolution
Perform the following local-change:
Include the below custom styles in UserWorkForm.
<style>
input[type=checkbox] {
display:none;
}
input[type=checkbox] + label
{
background: #999;
height: 40px;
width: 40px;
display:inline-block;
padding: 0 0 0 0px;
background-image: url("http://test.jpg");
}
input[type=checkbox]:checked + label
{
background: #0080FF;
height: 40px;
width: 40px;
display:inline-block;
padding: 0 0 0 0px;
background-image: url("http://test2.jpg");
}
</style>
Published January 31, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.