Unable to increase size of checkbox

[krishnakomal123]

Thingworx 8.5.2 :

I have increased width and height of checkbox widget but couldn't increase it's size more than default size.Could you help me.

[PEHOWE · Accepted solution]

@krishnakomal123 ,

Is this the type of change you would like to be able to accomplish?

I used the Visual SDK and added Custom CSS to the mashup:

#root_ptcscheckbox-13.widget-ptcscheckbox::part(box){
    	width: 28px;
    	height: 28px;
	}
#root_ptcscheckbox-13.widget-ptcscheckbox::part(check-mark) {
    	width: 28px;
    	height: 28px;
}

#root_ptcscheckbox-14.widget-ptcscheckbox::part(box){
    	width: 56px;
    	height: 56px;
	}
#root_ptcscheckbox-14.widget-ptcscheckbox::part(check-mark) {
    	width: 56px;
    	height: 56px;
}

In my test case the IDs of the second and third check box are "ptcscheckbox-13" and "ptcscheckbox-14". I included a second CSS to increase the size of the check to match the box. If you wanted the modification applied to all the checkbox's you would not need the "#" and the item ID.

HTH

Peter