[Solved] Centering a window with ajax -loaded content

[roger]

Hey guys

I don't know if it's me or a bug, but I'm not able to center a window which loads content via ajax (contentUrl).

Instead of a "real" center the top left corner of the window gets centered.

I guess it's because the center is being done before the content finished loaded.

A workaround is to center the window inside the success event of the ajax request.

Thanks

[Alex Gyoshev]

Hi roger,

Indeed, centering the window before the content loads is not possible because its size is not yet determined. You can either:

• bind an event handler to the refresh event and center the window
• specify the window width / height before centering it

Best wishes,
Alex Gyoshev
the Telerik team

[Bernt]

Hi Alex,

Do you have a sample code on how to implement the refresh event handler?

Best wishes,
Rune

[Dimo]

Hello Rune,

Please refer to our demos:

http://demos.telerik.com/aspnet-mvc/window/clientsideevents

http://demos.telerik.com/aspnet-mvc/window/clientsideapi

Regards,
Dimo
the Telerik team

[Paul]

Below is what I do.  The window size is never set. Trigger center code on window events as well as browser events.

.ClientEvents(events => events
.OnLoad(centerWindow")
.OnOpen("centerWindow")
.OnActivate("centerWindow")
.OnRefresh("centerWindow"))

 

 

 

<script type="text/javascript">
    function centerWindow() {
        $("#LoginWindow").data("tWindow").center();
        $("#UserName").focus();
        }

    window.onresize = function(event) {
        centerWindow();
    }


</script>

[Dimo]

Hi Paul,

Your code works correctly on my side and the open Window is centered according to the browser window. The center() method does not set any widths or heights.

In addition, it is good to make a check whether the Window component exists and is initialized.

Kind regards,
Dimo
the Telerik team