API Reference


Checkbox allows a user to make choice between two opposite states for an option: enabled and disabled.

In the above image the "First Age" option is enabled and the "Second age" option is disabled.


Checkbox Initialization

{ view:"checkbox", id:"field_a", label:"Second age", value:1}

Related sample:  Check Box ('checkbox')

Main properties

  • label (string) - text label of a control. It can be customized by:
    • labelAlign (string) - label alignment towards its container. Possible values are "left" and "right". In any way, it's placed left to the control;
    • labelWidth (number) - width of the label container;
  • labelRight (string) - set the text of right-hand label. Only checkbox features this functionality;
  • value (boolean) - defines whether the checkbox is selected by default or not (0 for false, 1 for true);
  • align (string)- positions button with relation to a parent view;
  • checkValue (string) - value of the checkbox in the checked state (1 by default);
  • uncheckValue (string) - value of the checkbox in the unchecked state (0 by default);

Webix Checkbox control is based on standard HTML checkbox, but all the skins use either a Font Awesome or Material Design icon to render it. To switch to a standard HTML checkbox, use the customCheckbox property:

{ view:"checkbox", customCheckbox:false}

Related Articles

Back to top