[Solved] Position of popup edit window

[Mattias]

Hi,
My popup window is positioned slightly to the right of the center of the screen which I don't like.
I have removed all custom css files to see if there was anything I have done, but still the same.
I want the window to be at the center of the screen. Is there a way to manually position the window?

@{Html.Telerik().Grid(Model.Items)
        .Name("Grid")
        .DataKeys(keys => keys.Add(x => x.ID))
        .ToolBar(commands => commands.Insert())
        .EnableCustomBinding(true)
        .PrefixUrlParameters(false)
        .DataBinding(dataBinding =>
        {
            dataBinding.Server()
                .Select("Index", "Menu")
                .Insert("Insert", "Menu")
                .Update("Update", "Menu")
                .Delete("Delete", "Menu");
        })
        .Editable(editing => editing.Mode(GridEditMode.PopUp))

        .Columns(columns =>
        {
            columns.Bound(x => x.Name).Title(Resources.Application.MenuName);
            columns.Bound(x => x.Url).Title(Resources.Application.Url);
            columns.Bound(x => x.IsEnabled).Title(Resources.Application.IsEnabled);
            columns.Bound(x => x.CreateDate).Title(Resources.Shared.CreateDate).Format("{0:g}")
                .HeaderHtmlAttributes(new { @class = "right" })
                .HtmlAttributes(new { @class = "right" });

            columns.Command(commands =>
                {
                    commands.Edit();
                    commands.Delete();
                }).Width(200).Title("").HtmlAttributes(new { @class = "right" });
        })
        .Render();
        }

Regards,
Mattias

[Atanas Korchev]

Hello Mattias,

 By default the popup is centered in the grid. You can center it in the browser window by following the approach from the "Center PopUp Edit Form" code library project.

Best wishes,
Atanas Korchev
the Telerik team

[Mattias]

Hi Atanas,
Center it in the grid is just fine, the problem is still the same, my popup isn't centered to the grid!
When looking again it seems the popup is styled with fixed position of the browser. If I resize the browser the popup is still on the same position.

[Mattias]

Hi again,
I think I found the problem!
It must be the editor in the popup the causes it. If I set the width of the window to for example 700 pixels, the window is centered.
Bug or a "feature"? :)

[Atanas Korchev]

Hi Mattias,

 I don't think I understand the problem. Could you clarify?

All the best,
Atanas Korchev
the Telerik team

[Alexander]

the example above works fine for edit, bu how can i center the form for "add new"?

Thanks,
Alex

[Atanas Korchev]

Hi Alexander,

 The same code will work with adding new records because the OnEdit event is raised in that case too.

Regards,
Atanas Korchev
the Telerik team

[Srikanth]

hiiii,
Mattias
                  iam beginner of asp.net the way u designed ur page is simply superb can u plas share ur code with me it will be helpfull for me to learn  iam using C# as the domain in ASP.net..... pls do share ur code of both design and logic.... if u can....
THANKS IN ADVANCE
MY MAIL ID IS: [e-mail]

[jfkrueger]

How do you set the width of the popup window?? My popup window also is not even close to being centered over the grid. It is basically just hugging the right side of the screen and sometimes even goes off the screen. I do have three editors in my editor template.

Thanks!

[jfkrueger]

Followup: It does look like it has something to do with the editors in the grid because if I set the width of the editors in the shared editor template it is much closer to being centered and not always hugging the right-hand side of the screen. This in combination with the link on centering the window solved my issue.