Perfect Widgets Sample: HTML5 Check Box Control

The PushButton control has a useful on property. It will help developers create a working checkbox from the PushButton.

Let’s modify the button we’ve created previously and add a Circle.

The Circle will represent state indicator of the check box.

 

Add styles for the state indicator.

Add bindings to the Circle.

 if(PushButton1.On,

   "CheckOn",

   "CheckOff")

 

 

Now you can export the widget to JSON, subscribe for the onClick event and enjoy the result!

Download sample here: CheckBoxDemoPage.zip

Add Feedback