Window size not working

Webix JS
1

Hello,
I am new to webix and have a problem with ui.window!

For me the window never adjusts to the parent HTML element. :’(
I want the window to have the same width as the parent (100%).

What am I dowing wrong?

According to the documentation:
http://docs.webix.com/desktop__window.html

"Window Sizing and Positioning

The must-have parameters for the window are width and height. If you don’t set [them], the window […] will occupy the whole screen."

http://docs.webix.com/api__link__ui.popup_adjust.html
“adjust - adjusts the component to the size of the parent html container”

  • See code in Webix Snippets below: -

http://webix.com/snippet/c5fe5e96

2

You can use a fullscreen option to fit window to the size of screen, or use position to define some custom sizing logic.

http://docs.webix.com/api__ui.window_fullscreen_config.html

http://docs.webix.com/desktop__window_positioning.html#settingpositionviastateobject

3

Sorry for the misleading documentation. Windows and popups lie above main HTML content of the page and they don’t obey container property because a special container with high z-index is created for them anyway.

At the same time adjust() method for window adjusts it to the size of a parent HTML container of the view that lies inside window body.

So you can just set fixed dimensions for a window to match the size of a testA div.

4

Thank you for the replies!

I was thinking more in line of a built in alternative to using setPosition, config.width, config.height, resize() and getting the HTML container size by using getNode().

See example below.
http://webix.com/snippet/056b9610

The fullscreen does not work very well for, me for some reason.
So that is unfortunately not an option at the moment.