Auto resize MVC Window

[Lasse]

Is there any way to automatically resize an MVC (3) Telerik Window, according to the size of the contents of the window?

I have a "Photo Preview Window" with an image inside it that differs in size, depending on which image wsas clicked in the Telerik Grid.

Thanks in advance.

[Alex Gyoshev]

Hi Mikkel,

If you want to dynamically set the window size, you can do so by setting the width/height of the .t-window-content element, like this:

$("#Window1 .t-window-content").css({ width: image.width, height: image.height });

Auto-sizing is possible only for the first load of the window (by not setting its width/height from the server).

Greetings,
Alex Gyoshev
the Telerik team

[Alapan]

Hi Alex,

I want to capture resize event of Telerik MVC window. I am creating telerik window using client side api.

Can you please help me.

var windowElement = $.telerik.window.create({
             title: "Details",
             contentUrl: url,
             modal: false,
             resizable: true,
             draggable: false,
             scrollable: false,
             width: $(window).width() - 150,
             height: $(window).height() - 350,
             visible: false,
             onRefresh: $(this)._pickEntityWindowOpened,
             onClose: function () {
                 alert('close');
                 windowElement.destroy();
             }
         }).data('tWindow').center().open();

[Alex Gyoshev]

Hello Alapan,

The resize event is not supported in the Telerik Extensions for ASP.NET MVC Window component. You can refer to the Kendo UI window widget which has it.

Greetings,
Alex Gyoshev
the Telerik team