Webix Window is very similar to a desktop window. You can make your app more compact with this widget, since you can move some information into a window and show it when required.
Default button for hiding window
It is very easy to provide a way to hide the window. Just add one setting, and your users will get a window with an elegant and minimalist "close" icon.
With Webix Window, you can choose between two states of the widget: modal and modeless. A modal window requires users to interact with it before proceeding their work with the application. A modeless window stays active on the user's screen until it's dismissed. It can be minimized or hidden behind other windows.
Window size and position
By default, the Window widget will be the same height as the view it contains. If there's no view defined, the window will be minimized. You can also set the required initial height and width of a window manually.
To set the window position, you can specify its offset in pixels relative to the top and left borders of the screen. Relative positioning allows placing the window at the center or the top of the screen. When the 'top' positioning is selected, the window appears and disappears with slide animation.
You can enable the resizing feature. After that, a resizer icon will appear in the right bottom corner of the window, and users will be able to resize the window by dragging it.
Head and body
The Window widget consists of two parts: a head and a body. The head can contain plain text that explains the purpose of the window. As an alternative, you can use a toolbar with controls for the head. The body can contain any Webix widget.