[Solved] Autosize and center

[Pablo]

I have this code

winEdicion = $.telerik.window.create({

            name: "winEdicion",

            title: "Feed Edit",

            contentUrl: url,

            modal: true,

            visible: false,

            resizable: false,

            draggable: false,

            onClose: function (e) {

                e.preventDefault();

                winEdicion.data('tWindow').destroy();

            }

        });

        winEdicion.data('tWindow').center().open();

with this style

.t-window-content
{
    width: auto !important;
    height: auto !important;
}

The problem that I have is that the window is not center. To center it I have to add the code

onActivate: function (e) {
                    winMensajeAfirmacion.data('tWindow').center();
                },

but it makes an ugly effect.

Is there another way to open the window with autosize on the middle of the screen?

Thanks

[Alex Gyoshev]

Hello Pablo,

The window needs to know its size in order to get centered on the screen. Since you are loading contents from a remote location, the size cannot be determined at first, so the window does not center. You can work around that if you wait for the refresh event (that is triggered when the window content loads) and showing (and centering) the window then.

All the best,
Alex Gyoshev
the Telerik team

[Pablo]

Alex. Thanks for your suggestion. It works perfect!!

Another question. If I test the site on Windows Phone the center function works perfect if the telephone is portrait. But if the telephone is landscape the center function put the window in the middle of the page and not in the middle of the window. So, if the page scrolls you can't see the window. Do you know any trick to handle with this situation?

Thanks for all.

[Alex Gyoshev]

You can set the window offset with jQuery: $("#window").css("top", 10);

Does the issue occur in the desktop version of IE?

All the best,
Alex Gyoshev
the Telerik team