Change the checkbox style in codename one

Question

I couldn't manage it to customize the style of a checkbox component. The image for the selected state doesn't get shown when the application runs. I already set the border types to "Empty" for each relevant state. Did I miss something?

example image for the selected state

checkbox component in gui builder

Answer 1

First off you should look at the OnOffSwitch component and check it out in the component gallery as it looks exactly like what you are trying to accomplish.

You are customizing the components background not its state image. The state image is a special case image in the case of a check box that can be customized via theme constants and changes based on selected state. The background is unaware of those states, selected in this case is a synonym for focused...