Checkbox

API Reference

Overview

Checkbox allows for a choice between two possible variants.

Related sample:  Check Box ('checkbox')

Initialization

Checkbox Initialization

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

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 - 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 yet some skins use a Font Awesome icon to render it. To switch to a standard HTML checkbox, use customCheckbox property:

{ view:"checkbox", customCheckbox:false}
Back to top