This is a migrated thread and some comments may be shown as answers.

Autosize doesn't decrease height when Lightweight

1 Answer 47 Views
Window
This is a migrated thread and some comments may be shown as answers.
Andreas
Top achievements
Rank 1
Andreas asked on 02 Dec 2013, 08:45 AM
Hi,

We are calling the autoSize method manually to resize the window in some cases after load so that it fits with content.
We had no problem with this when using Classic render mode, but when switching to Lighweight it doesn't decrease its width anymore!

See the following sample:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="window.aspx.vb" Inherits="TestaTredjepartWeb.window" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="s" runat="server">
    </asp:ScriptManager>
    <div>
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
            <Windows>
                <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" AutoSize="true" RenderMode="Lightweight" Title="Hello" NavigateUrl="windowcontent.aspx" VisibleStatusbar="false" >
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
    </div>
    </form>
</body>
</html>

Content window:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="windowcontent.aspx.vb" Inherits="TestaTredjepartWeb.windowcontent" %>
 
<!DOCTYPE html>
 
<head runat="server">
    <title>This is the title</title>
    <style>
        html, body, form
        {
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="s" runat="server">
        </asp:ScriptManager>
        <div id="div" style="background-color: red; height: 300px; width: 300px">
            test
            <asp:Button ID="btn" runat="server" OnClientClick="$get('div').style.height = '200px'; window.top.GetRadWindowManager().getActiveWindow().autoSize(); return false;" />
        </div>
    </form>
</body>
</html>


When clicking the button the height of the window should be 200px instead of 300px, but it only gets a little bit larger...
If setting RenderMode="Classic" it does work as expected!

Regards
Andreas

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 02 Dec 2013, 03:29 PM
Hello Andreas,

I am afraid that this is a known problem with the AutoSize functionality - when Lightweight RenderMode is used and the content page has small heights (less than 250-300 pixels) the autosized dimensions are larger than the expected. I am afraid there are no actual workarounds for the case except:
- using Classic RenderMode
- OR using the ContentTemplate instead of an external page. This mode is a bit more stable and autosizing calculations work better.

Please accept my apologies for the inconvenience caused.


Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Window
Asked by
Andreas
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or