Add window inside another window

Webix JS
1

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?

2

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.

3

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

4

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)

5

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

6

The window positioning is described here. For instance:

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

7

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.

8

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.