Hi Guys,
Using JDev 12.1.2.0.
I've been working with skinning and am looking for a way to make an af:selectBooleanCheckbox bigger. The best thing I can come up with is to modify these three attributes
af|selectBooleanCheckbox::selected-icon {
content: url("images/af_selectBooleanCheckbox/check_box_20.png");
height: 40px;
width: 40px;
}
af|selectBooleanCheckbox::native-input {
height: 40px;
width: 40px;
}
af|selectBooleanCheckbox::tri-icon-style {
height: 40px;
width: 40px;
}
I've also got a 40px x 40px png icon, but it still displays a small box. Any ideas? I've googled quite a bit but nothing comes up on ADF.
It's also odd that the HTML generated looks like this, but the size is still really small.
<input id="pt1:sbc6::content" name="pt1:sbc6" class="xsq" type="checkbox" value="t" checked="" onclick="this.focus()" _afrfoc="y1403557476093" style="width:40px; height:40px">
** Update **
It looks like the control is tied to some css webkit properties, -webkit-small-control in particular. This means I'm going to have to clear out the css en-masse with the following and build it back up. All to increase the size. Not cool ....
input[type=checkbox] {
-webkit-appearance: none;
}
I really hope someone knows a better way.