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

[Solved] Modal window inside a modal window

29 Answers 328 Views

Window

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

This question is locked. New answers and comments are not allowed.

29 Answers, 1 is accepted

answered on 08 Jul 2011, 08:37 AM

Hello Renee,

We do not support this approach out of the box. Since you need this for your customers, you can replace the overlay element in the telerik.window.js file (overlay client-side method):

/* old */

overlay = $('<div class="t-overlay" />')

/* new */

overlay = $('<iframe src="javascript:\'\'" frameborder="0" class="t-overlay" />')

Greetings,
Alex Gyoshev
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

answered on 03 Oct 2011, 02:40 AM

TelerikErrorPage.JPG

Hi,
Am getting the Server and and i have attached the screen shot what i got..
Can some one help on this..

Thanks in Advance...

regards,
Venkatesh

answered on 11 Oct 2011, 08:39 AM

GridInWindow.zip

Hi!

I was not able to open the link too (http://www.telerik.com/community/forums/aspnet-mvc/window/window-is-loosing-its-modal-effect.aspx
).
Anyway i faced same problem as described, by using the latest version 2011.2.914 of MVC extensions.

I have added grid into modal window and changed the Grid Editor Mode to Popup (GridEditMode.PopUp)
When i click on the Edit button - edit window for the grid apear on the bottom order (behind the main modal window, that contais the grid)
and also it seems like a non-modal window related to main window.

<% Html.Telerik().Window()

.Name("Window")

.Modal(true)

.Content(() =>

{%>

<%= Html.Telerik().Grid<GridInWindow.Models.TestModel>()

.Name("Grid")

.DataKeys(keys =>

{

keys.Add(item => item.id);

})

.ToolBar(commands =>

{

commands.Insert().ButtonType(GridButtonType.BareImage).ImageHtmlAttributes(new { style = "margin-left:0" });

})

.DataBinding(dataBinding =>

{

dataBinding.Ajax()

.Select("_SelectItems", "Home")

.Insert("_InsertItem", "Home")

.Update("_UpdateItem", "Home")

.Delete("_DeleteItem", "Home");

})

.Columns(columns =>

{

columns.Command(commands =>

{

commands.Edit().ButtonType(GridButtonType.BareImage);

commands.Delete().ButtonType(GridButtonType.BareImage);

});

})

.Editable(editing => editing.Mode(GridEditMode.PopUp))

%>

<%})

.Render();

%>

Attaching the test project with this issue.
Thank you for cooperation!