clear

allows removing control value upon clicking the icon

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

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.

Back to top