Kendo window within kendo window

[pravin]

Hi,

I am trying to render a kendo window within another kendo window, but it always appears on top of previous window.

below is the code, the nested div does not result into nested kendo window, even if the div/window is appended to parent div/window it still appear on top of previous window. 

any help is greatly appriciated

<div kendo-window="win2" k-title="'First Window'"
                 k-width="600" k-height="200" k-visible="false"
                 k-content="hello"
                 k-on-open="win2visible = true" k-on-close="win2visible = false">
                <div kendo-window="win3" k-title="'Second Window'"
                     k-width="400" k-height="200" k-visible="false"
                     k-content="hello"
                     k-on-open="win3visible = true">

                </div>
</div>

[Kiril Nikolov]

Hello Pravin,

This functionality is not supported, as the Kendo UI Windows cannot be nested, as they are modal elements. If you want to show two windows within each other, use their position property, to correctly position them and they will look like nested.

Regards,
Kiril Nikolov
Telerik

 

 

[VasVas]

Dear Kiril,

in this sample http://jsfiddle.net/dimodi/nt2XX/

after the first time you open the window from window the windows stops working. What is the solution to open a regular modal window or show a div. 

 

Ariel

 

[Kiril Nikolov]

Hello Ariel,

You are initializing the Kendo UI Window more than once, so the second time you click the button you initialize a Kendo UI Window on top of the currently initialized Kendo UI Window - and this is not supported. You need to use the open method to show an already created Window component. Here is the relevant documentation article:

http://docs.telerik.com/kendo-ui/api/javascript/ui/window#methods-open

Regards,
Kiril Nikolov
Telerik