Add window inside another window

I’m trying to add window inside the rows of another window but it only shows parent window

Please check this fiddle
https://jsfiddle.net/ka0so2jk/2/

Here it doesn’t display child window. How to add multiple window inside another window?

The “child” window can’t be initialized such way. Each window should have its own webix.ui() constructor while the body is just a layout.

I didn’t get you. Can you please give a snippet or work around for this?

Please check the following fiddle:

https://jsfiddle.net/ka0so2jk/3/

Each window is initialized separately. Z-index corresponds to the appearance order (by show() method, it’s not about the initialization)

Thanks @Listopad,

How can I show that window in proper location? For example in this snippet Edit fiddle - JSFiddle - Code Playground I want to show it in second row

The window positioning is described here. For instance:

https://jsfiddle.net/ka0so2jk/4/

Thanks,

It would have been better if we can add multiple windows in another window, because in my scenario I’m having multiple child windows added in parent window and I want close all child windows on close of parent window.

Despite the fact there’s no such concept, you can add any custom interactions through the corresponding events. onHide andonDestruct can help you to implement this scenario.