Forum | Appery.io

I realize that but I am having trouble finding an example online.

Would something like this work? And if it would, where would I put it?

input[type="checkbox"] {
display: none; /* visibility: hidden works too */
}​

I also found this:

codedocument.getElementById("myCheck").hidden = true;/code

Source: http://www.w3schools.com/jsref/tryit....

Then I just changed from disabled to hidden.

In that example, I think I got the result that I wanted. My question is how would I add that with Appery? Would I just run the JS on page load? Then where it says 'myCheck' would I just put the checkbox component name?

Hi any suggestions here?

Ellen,

You need:

1) Add this CSS:

pre.hideCheckbox::after{
display:none!important;
}/pre

2) Run JS below to hide checkbox "checkboxName":
preApperyio("checkboxName").find("label").addClass("hideCheckbox");/pre

So on #2, I change checkboxname to the name of my checkbox, obviously. But my question is what do I change "label" to. I am not trying to hide a label. Just the box that actually gets checked.

It is the "label" tag. You shouldn't change it. This code won't hide label, just checkbox.

Thanks! So now once I want the boxes to appear, how do I remove that code?

You need just remove this class:

Apperyio("checkboxName").find("label").removeClass("hideCheckbox");