116
Views
5
Comments
Solved
How to reduce the size of a checkbox?
Service Studio Version
11.54.38 (Build 63033)

Hello everyone. How to reduce the size of a checkbox? Can someone share the oml?

2025-09-04 06-33-37
Nikhil___Vijay
Solution

Hello @ZH T 

I would suggest you take a look at this OML file I'm sharing with you. It contains instructions on how to reduce the size of a checkbox.

Click on the CSS tab to find the CSS code that needs to be implemented on your screen. 


Regards 

Nikhil kumar vijay

HelloWorld.oml
2025-09-04 06-33-37
Nikhil___Vijay

Hello @ZH T 

To change the size of your checkbox, simply copy and paste this CSS code.

input.checkbox::before {
    width: 11px;
    height: 11px;
}

input.checkbox:checked::after {
    width: 7px;
}

[data-checkbox]:checked::after {
    left: 2px;
    top: 2px;
    width: 12px;

Regards 

Nikhil kumar vijay

2025-09-25 14-38-22
Lokesh Kumar Yadav

Hi ZH,

Please check the OML and if you got the solution then please marked as solution 


PercentageSign.oml
2023-12-22 05-02-09
_N_C_

I can’t find the checkbox element in this OML?

2025-09-04 06-33-37
Nikhil___Vijay
Solution

Hello @ZH T 

I would suggest you take a look at this OML file I'm sharing with you. It contains instructions on how to reduce the size of a checkbox.

Click on the CSS tab to find the CSS code that needs to be implemented on your screen. 


Regards 

Nikhil kumar vijay

HelloWorld.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.