PDA

View Full Version : [FIXED] [V0.6] Rendering bug on collapsible panel



Lex
Sep 16, 2008, 10:31 AM
Hi there!

I guess I found a rendering bug on the collapsible panels.


I have a window with fixed height and a .NET panel inside. I need to put a collapsed Coolite panel into the .NET one programmatically but, when I expand the panel and, then, I scroll the window content, the content part of the panel remain fixed on the screen. This problem happens only in Internet Explorer.

Aspx Code:



<ext:Window ID="Window1" runat="server" Icon="Application" Title="Title" Height="200px" AutoScroll="true">
<Content>
<asp:Panel ID="Panel2" runat="server"></asp:Panel>
</Content>
</ext:Window>



Code Behind:



Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim pn1 As New Panel 'Coolite panel

pn1.ID = "pn1"
pn1.Height = "300"
pn1.Title = "title"
pn1.Html = "Hi!"

Panel2.Controls.Add(pn1) 'add the coolite panel into the .NET one.

End Sub



Cheers
Ale

geoffrey.mcgill
Sep 16, 2008, 11:45 AM
Hi Ale,

This IE positioning bug has been fixed.

The new code has been committed to source control (svn) and will be available with the v0.6 public release.

NOTE: After updating to the new code, please ensure you clear your browser cache.

The following code sample demonstrates a full test for the defect.

Example


<%@ Page Language="C#" %>

<%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" tagprefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

protected void Page_Load(object sender, EventArgs e)
{
Coolite.Ext.Web.Panel Panel1 = new Coolite.Ext.Web.Panel();
Panel1.ID = "Panel1";
Panel1.Height = Unit.Pixel(300);
Panel1.Title = "title";
Panel1.Html = "Hi!";

this.Panel2.Controls.Add(Panel1);
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<p><a href="Scroll.aspx">Reload</a></p>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />

<ext:Window
ID="Window1"
runat="server"
Icon="Application"
Title="Title"
Height="200px"
AutoScroll="true">
<Content>
<asp:Panel ID="Panel2" runat="server"></asp:Panel>
</Content>
</ext:Window>
</form>
</body>
</html>
Hope this helps.