clear

allows removing control value upon clicking the icon

boolean|string|number clear;

Values

  • true
  • "hover"
  • "replace"
  • 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

    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.
    See also
    Back to top