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

Some problems with AutoSize and Lightweight

5 Answers 110 Views

Window

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

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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

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.

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