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

[Solved] AutoSize 4px off height when Lightweight

1 Answer 67 Views

Window

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

Andreas asked on 29 Nov 2013, 09:21 AM

Hi,

When using autosize and Lightweight, the height of the window is always 4px to large!

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

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

Contentwindow:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="windowcontent.aspx.vb" Inherits="TestaTredjepartWeb.windowcontent" %>

<!DOCTYPE html>

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

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

<div style="background-color: red; height: 300px; width: 300px">

test

</div>

</form>

</body>

</html>

As you can see the red color of the inner content doesn't fill all the way down...

Regards
Andreas

1 Answer, 1 is accepted

answered on 02 Dec 2013, 03:04 PM

wndAutoSize.zip

Hi Andreas,

The several pixels that I was able to observe were caused by the height of the html element. Once I set all main elements' height to 100%

html, body, form

{

padding: 0;

margin: 0;

height: 100%;

overflow: hidden;

}

things seem fine on my end. This is explained here: http://www.telerik.com/help/aspnet-ajax/radwindow-troubleshooting-autosize-not-correct.html. You can also find attached the pages I tested with along with several screenshots.

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.