Window is not centered the first time opened

[Jeremy]

Hello all, Using the below code, I open, (and reopen) a window.  I cannot get the first instance to be centered.

$(".jobLocationLink").live('click', function () {

        currentJobId = $(this).data("id");

        var parentGrid = $(this).data("parentGrid");

        var title = $(this).attr("title");

        var href = "../ModalWindows/JobLocationNotes.aspx?jobId=" + currentJobId;

        var myWin = $("#jobLocationWindow")

 

        if (!myWin.data("kendoWindow")) {

            // window not yet initialized

            myWin.kendoWindow({

                content: href,

                center: true,

                title: "Job Location History",

                iframe: true,

                width: "800px",

                height: "400px",

                scrollable: false

            });

        }

        else {

            // reopening window

            myWin.data("kendoWindow")

                .refresh(href) // request the URL via AJAX

                .open() // open the window

                .center();

        }

 

    });

Thanks!

[Alex Gyoshev]

Hello Jeremy,

There is no configuration option that centers the window. You should center it manually, like this:

        if (!myWin.data("kendoWindow")) {

            // window not yet initialized

            myWin.kendoWindow({

                content: href,

                title: "Job Location History",

                iframe: true,

                width: "800px",

                height: "400px",

                scrollable: false,
                visible: false

            }).data("kendoWidnow").center().open();

Regards,
Alex Gyoshev
the Telerik team

[Jeremy]

Alex, please fix the typo in your solution:

.data("kendoWidnow") 

I copied it and was thoroughly confused why I was getting ".center" is not a function.  Sp please edit it before the next guy copies this function verbatim.

and thanks again!