I see there is two conditions for check boxes: Checkbox, UI Controls Webix Docs
checked and unchecked. true and false.
Can I add a 3rd option? indeterminate? like a straight line through.
Could you please clarify on your exact use case?
Checkboxes have two primary states only (“checked” and “unchecked”), and indeterminate checkboxes are used for visual representation only (i.e. in case of nested checkboxes). This is exactly why Webix does actually make use of three-state checkboxes in hierarchical data components (such as tree, sidebar, treetable, organogram), where it makes the most sense to use an element like that.
On its own, using indeterminate value as a “third” checkbox state makes little sense from UX perspective, as there is no true “third” state ever in the case of this control.
If not, Can I just change the the css style of checked checkbox to just a line.
Sure, you can simply change the style of the checked checkbox: Code Snippet. Webix Checkbox control is based on standard HTML checkbox, but all the skins use either a Font Awesome (in older versions of the library) or Material Design icon to render it. This is why I am replacing the default icon with the appropriate icon from the corresponding library.