clear of ui.text, Properties Webix Docs

allows removing control value upon clicking the icon

boolean|string|number clear;

Values

Example

webix.ui({
  width:400,
  rows:[
    { view:"search", label:"Search", clear:"hover"},
    { view:"text", label:"Text", clear:true},
    { view:"combo", label:"Combo", options: list_data, clear:"replace"},
]};

Related samples

Controls: Clear Value

Details

The property allows you to remove value from a control upon clicking the dedicated cross icon. The icon will be visible, if the control value is not empty.

You can set the following values:

true or 1 - to display the cross icon on the right part of the control
"hover" - to replace the input icon with the cross on hover
"replace" - to replace the input icon with the cross.