[Solved] open a centered window

[nachid]

I am struggling for a while and whatever I did I could not have a window opened in the center
Any help or example would be appreciated

var windowElement= $.telerik.window.create(
{
    title            : "Success",
    html           : "<strong>this is a test...</strong>",
    modal       : true,
    resizable  : false,
    draggable: true,
    visible       : false,
    width         :300,
    height       :100
}
});
windowElement.center();

regards
Nachid

[Alex Gyoshev]

Hi Nachid,

The $t.window.create function returns the window' DOM object, not the client-side object -- so calling the center() method should happen through the data('tWindow') object. Furthermore, because your window is modal, the open() method should center it automatically. Therefore, the following code should do what you want:

var dialog = $.telerik.window.create({
        title     : "Success",
        html      : "<strong>this is a test...</strong>",
        modal     : true,
        resizable : false,
        draggable : true,
        visible   : false,
        width     : 300,
        height    : 100
    })
    .data('tWindow').open();

Sincerely yours,
Alex Gyoshev
the Telerik team

[Alex]

Alex, I don't know if is just me, but I've updated the libraries to 2010.2.825 and now the modal windows are not centered by default, do I have to do something else so the window came up centered???

Thanks!!!

[Mark Dawson]

I've also got this problem.

[nachid]

That's not the case for me and I am usign 2010.2.825
I still have to call explicitly the center() method

[Joan Vilariño]

I have the same problem... my window is modal and doesn't get centered...

Same 2010.2.825 version...

Any suggestion?

Thanks!

[Joan Vilariño]

By browsing this forum I found the solution:

var w = $('#myWindow').data('tWindow');
w.center().open();

This works pretty cool

Thanks!!

[Alex]

Thank you very much Joan!!! :)

[Won]

Where does this code go?

var w = $('#myWindow').data('tWindow');

w.center().open();

[Joan Vilariño]

That should go in your javascript function to open the window.

[Adam Gritt]

I don't know if anyone else has noticed this or not, but I find that when using the following bit of javascript on a page that doesn't already have a window on it, it will fail due to setting the "draggable" property to true.  If I set it to false everything works fine.  Has anyone noticed this issue at all or can confirm it?  I am using the latest release (2010.2 825) and Chrome 6.  I came across this issue in trying to answer another forum post and am just looking for confirmation.  This is the error that I get in Chrome:   Uncaught TypeError: Cannot read property 'windowMove' of undefined telerik.window.js:131

var dialog = $.telerik.window.create({
        title     : "Success",
        html      : "<strong>this is a test...</strong>",
        modal     : true,
        resizable : false,
        draggable : true,
        visible   : false,
        width     : 300,
        height    : 100
    })
    .data('tWindow').open();

[nachid]

It is more likely that the file /telerik.draganddrop.min.js is not there

[Adam Gritt]

Thanks nachid, I thought I had that file included but it was missing.  However, interestingly enough, when I include it it solves the current error I was getting and creates another.  Now the error is in the actual jQuery code for the each method as $t.dradanddrop is valid but the windowMove object is still null so when it calls applyContext which does the $.each call it is using a null object which then causes it to fail.  I also noticed the same thing if I make it resizable.

[Alex Gyoshev]

Hello Adam,

Can you please provide a sample solution that shows the problem, so that we can inspect and address it?

Sincerely yours,
Alex Gyoshev
the Telerik team

[Adam Gritt]

My bad, I got it working now.  It was because I was missing the telerik.draganddrop.js file on the page.  When I added it it wasn't working because I also didn't have the scripts in the correct order.  Once I corrected this and put it before the telerik.window.js file in the add order then it worked fine.  Sorry for the confusion.