This is a migrated thread and some comments may be shown as answers.

Kendo window within kendo window

3 Answers 175 Views
Window
This is a migrated thread and some comments may be shown as answers.
pravin
Top achievements
Rank 1
pravin asked on 18 Feb 2015, 02:23 PM
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>

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 20 Feb 2015, 08:15 AM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
VasVas
Top achievements
Rank 1
answered on 30 Apr 2015, 12:47 PM

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

 

0
Kiril Nikolov
Telerik team
answered on 04 May 2015, 07:37 AM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Window
Asked by
pravin
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
VasVas
Top achievements
Rank 1
Share this question
or