Support Article
Checkbox on an iPad displays as slider instead of a checkbox
SA-98338
Summary
Checkbox on an iPad displays as slider instead of a checkbox.
Error Messages
Not Applicable
Steps to Reproduce
Add a checkbox in a section
Root Cause
Since the checkbox was configured with a Caption, it displayed as a Slider box.
Resolution
Perform the following local-change:
Add the below code in the custom stylesheet.
.iOS .checkbox [type="checkbox"],.tablet .checkbox [type="checkbox"] {
position: absolute;
opacity: initial;
z-index: 0;
}
.iOS .checkbox label::before,.iOS .checkbox label::after,.tablet .checkbox label::before,.tablet .checkbox label::after {
content: "";
display: none !important;
position: absolute;
top: 0;
left: 0;
transition: all .15s;
}
.iOS .checkbox label,.tablet .checkbox label {
position: relative;
padding-left: 35px !important;
padding-bottom:0px !important;
padding-top:6px !important;
display: inline-block;
z-index: 2;
-webkit-tap-highlight-color: transparent;
min-height: 42px;
font-size: 18px
}
Published December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.