[Solved] Grid popup isn't editable after updating version

[Shane P]

I have just updated to Q2 2011 any have run into a problem with my grid. I am using a popup to edit and insert however the popup is not editable due to this piece of css found in  the telerik.common.min.css

.t-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;filter:alpha(opacity=50);

If I remove the postion:fixed then the popup is usable however I then lose the popups opacity settings.

Has anyone run into this problem? is it a bug with the latest release or my code. Below is how I am binding the grid.

@{Html.Telerik().Grid(Model)
        .Name("Grid")
         .Editable(editing => editing.Mode(GridEditMode.PopUp))
         .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.ImageAndText).ImageHtmlAttributes(new { style = "margin-left:0" }))
        .DataKeys(k => k.Add("EmployeeID"))

        .Columns(columns =>
        {
            columns.Command(commands =>
            {
                commands.Edit().ButtonType(GridButtonType.Image);
                commands.Delete().ButtonType(GridButtonType.Image);
            }).Width(80).Title("Options");

            columns.Bound(o => o.EmployeeName);
            columns.Bound(o => o.IsAdministrator).Title("Administrator");
            columns.Bound(o => o.IsEnabled).Title("Account Enabled");
            columns.Bound(o => o.EmployeeID).Hidden();

        })

        .DataBinding(dataBinding => dataBinding
           .Ajax()
                .Select("GetStaff", "BusinessAccount", new { id = (string)ViewData["id"] })
                .Update("UpdateStaff", "BusinessAccount")
                .Insert("InsertStaff", "BusinessAccount")
                .Delete("DeleteStaff", "BusinessAccount")

        )
        .Sortable()
        .Pageable()
        .ClientEvents(e => e.OnLoad("Grid_OnLoad"))
        .Footer(true)
        .Render();
}

[Dimo]

Hello Shane,

The position:fixed style is not something new. Actually the only change related to the t-overlay CSS class in the past one year is that we have increased the z-index style from 10000 to 10001.

Generally, the modal background and the popup edit form are siblings in the same stacking context, and the modal background comes before the popup in the HTML code. This means that as long as the popup form's z-index is greater or equal to the modal background's z-index, the popup form will be on top. Currently the z-index of both elements should be 10001.

You can verify that the Ajax editing demo works when popup mode is used:

http://demos.telerik.com/aspnet-mvc/Grid/EditingAjax?theme=vista

The Grid declaration is not relevant to the problem. If the issue persists, please provide a live URL or a runnable demo.

Greetings,
Dimo
the Telerik team