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
    Join Our Forum
    We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.