close

adds a "close" icon to the window header

Example

webix.ui({
    view:"window",
    height:250,
    width:350,
    left:650, top:250,
    close:true,     head:"This window can be closed",
    body:{
        template:"Content"
    }
}).show();

Default value:

false

Related samples

The setting makes sense only if you define the header as a string or a template.

Note that if the property is set to true the header structure is converted from a regular template into a layout containing the template itself and the icon.

const head = $$("window").getHead(); // layout with a template and a close icon

A click on the icon is equivalent to the hide() method call. It means you can show() the window later on. So you should differentiate hiding from the close() method call that totally destroys the window. If a window is destroyed you cannot show it back.

Back to top