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

Some problems with AutoSize and Lightweight

5 Answers 52 Views
Window
This is a migrated thread and some comments may be shown as answers.
Andreas
Top achievements
Rank 1
Andreas asked on 19 Mar 2014, 02:15 PM
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

5 Answers, 1 is accepted

Sort by
0
Andreas
Top achievements
Rank 1
answered on 20 Mar 2014, 10:00 AM
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
0
Joana
Telerik team
answered on 21 Mar 2014, 06:06 PM

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.

 
0
Andreas
Top achievements
Rank 1
answered on 25 Mar 2014, 07:08 AM
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
0
Joana
Telerik team
answered on 28 Mar 2014, 07:12 AM
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.

 
0
Joana
Telerik team
answered on 08 Apr 2014, 12:07 PM
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.

 
Tags
Window
Asked by
Andreas
Top achievements
Rank 1
Answers by
Andreas
Top achievements
Rank 1
Joana
Telerik team
Share this question
or