Some problems with AutoSize and Lightweight

6 posts, 0 answers
  1. Andreas
    Andreas avatar
    137 posts
    Member since:
    May 2008

    Posted 19 Mar 2014 Link to this post

    Hi,

    When the window is restricted in a restriction zone we are having some issues with autosize.
    In 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">
    <html xmlns="http://www.w3.org/1999/xhtml" style="overflow: hidden">
    <head runat="server">
        <title></title>
        <style type="text/css">
            .bug1
            {
                height: 500px;
            }
            .bug2
            {
                height: 300px;
            }
            .bug2b
            {
                height: 200px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="s" runat="server">
            </asp:ScriptManager>
            <div>
                <asp:Panel ID="pnlRestrictionZone" runat="server" Style="width: 700px; background-color: blue" CssClass="bug1">
                    <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" RestrictionZoneID="pnlRestrictionZone">
                            </telerik:RadWindow>
                        </Windows>
                    </telerik:RadWindowManager>
                </asp:Panel>
                <asp:Button ID="btnBug1" runat="server" Text="Bug 1" />
                <asp:Button ID="btnBug2" runat="server" Text="Bug 2" />
                <asp:Button ID="btnBug2b" runat="server" Text="Bug 2b" />
            </div>
        </form>
    </body>
    </html>
    Code behind:
    Public Class window
        Inherits System.Web.UI.Page
     
        Private Sub btnBug1_Click(sender As Object, e As EventArgs) Handles btnBug1.Click
            pnlRestrictionZone.CssClass = "bug1"
        End Sub
     
        Private Sub btnBug2_Click(sender As Object, e As EventArgs) Handles btnBug2.Click
            pnlRestrictionZone.CssClass = "bug2"
        End Sub
     
        Private Sub btnBug2b_Click(sender As Object, e As EventArgs) Handles btnBug2b.Click
            pnlRestrictionZone.CssClass = "bug2b"
        End Sub
    End Class
    Content window:
    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="windowcontent.aspx.vb" Inherits="TestaTredjepartWeb.windowcontent" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head runat="server">
        <title>This is the title</title>
        <style type="text/css">
            html, body, form
            {
                padding: 0px;
                margin: 0px;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="s" runat="server">
            </asp:ScriptManager>
            <div style="background-color: red; height: 300px; width: 500px">
                test
            </div>
        </form>
    </body>
    </html>

    The first issue:
    In IE11 there is always a little extra space to the left and bottom in the content window.
    In Firefox there is no extra space, but always scrollbars!

    The second issue:
    Press button "Bug 2" which makes the restriction zone just a little bit larger than the content window.
    In this case, the content window doesn't get wider because of the vertical scrollbar, when the restriction zone is much smaller than the window (Pressing "Bug 2b" button) the width of the window is more correctly according to the vertical scrollbar. Pressing "Bug 2b" even eliminates (sometimes...) the horizontal scroll which doesn't happen when pressing "Bug 2" button!
    There is clearly a difference (according to the width) when the restriction zone is almost as high as the content window and when it is not!

    Regards
    Andreas

  2. Andreas
    Andreas avatar
    137 posts
    Member since:
    May 2008

    Posted 20 Mar 2014 in reply to Andreas Link to this post

    Hi,

    In addition to the above...

    When using Safari on IPad it gets really bad!
    In the Second issue above, especially obvious if pressing the "Bug 2b" button, the inner iframe floats outside the radwindow!
    That is, the red area isn't restricted by the window at all!

    Regards
    Andreas
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Joana
    Admin
    Joana avatar
    70 posts

    Posted 21 Mar 2014 Link to this post

    Hello,

    We are aware of some issues related to AutoSize of the RadWindow control in RenderMode="Lightweight". Unfortunately, for now I cannot give you another workaround except for setting RenderMode="Classic".

    I have logged the issues in our bug tracking system and we'll fix them as soon as possible. You can track the progress of the issues in our FeedBack portal.

    As a small token of our gratitude for your report I have updated your Telerik points.

    Regards,

    Joana
    Telerik
     

    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

     
  5. Andreas
    Andreas avatar
    137 posts
    Member since:
    May 2008

    Posted 25 Mar 2014 in reply to Joana Link to this post

    Hi,

    Currently we are really far away from going back to RenderMode="Classic", our entire design and css is changed to the much simpler lightweight mode. We also had other issues in Classic mode that we don't have to do hacks for...

    The first two issues we have managed to fix by prototyping and correcting your javascript code in both _autoSizeBehaviorBounds and _calculateBoundsToFit (kinda large hacks so we are hoping for a real fix:), but the issue with IPad we havn't managed to fix!

    If you have a workaround just for the IPad issue we would be really happy!!!

    Regards
    Andreas
  6. Joana
    Admin
    Joana avatar
    70 posts

    Posted 28 Mar 2014 Link to this post

    Hello Andreas,

    We will investigate the issues and I will write you back as soon as we have a workaround for them. I will give you an update for their progress.

    Thank you for your patience.

    Regards,
    Joana
    Telerik
     

    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

     
  7. Joana
    Admin
    Joana avatar
    70 posts

    Posted 08 Apr 2014 Link to this post

    Hi Andreas,

    The issue with the overflowing content of the RadWindow's frame in iPad will be fixed in Q1 2014 SP2 release. Unfortunately, I am not able to give you a workaround for it until then.

    I apologize for the caused inconvenience.

    Regards,
    Joana
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017