Feb 26, 2010, 2:53 PM
[CLOSED] [1.0] Panel AutoHeight Issue
The following code snippet renders fine in IE8 standards mode, but doesn't render in IE8 Compatibility mode, which our internal users use. When the "show" button is clicked the content is updated and the panel is shown but there are some layout issues. Any ideas?
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<script runat="server">
protected void btnShow_Click(object sender, DirectEventArgs e)
{
Panel1.Html = "line 1<br />line 2<br />line 3<br />";
Panel2.Html = "hello<br />world<br />test<br />";
pnlReadOnlyFields.Show();
FormPanel1.Show();
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:Button runat="server" Text="Show">
<DirectEvents>
<Click OnEvent="btnShow_Click" />
</DirectEvents>
</ext:Button>
<ext:FormPanel ID="FormPanel1" runat="server"
HideParent="true"
HideMode="Offsets"
Hidden="true"
LabelSeparator="&nbsp;"
ForceLayout="true"
Frame="true"
LabelWidth="100">
<Items>
<ext:FieldSet runat="server"
Title="Test"
StyleSpec="margin:15px"
HideMode="Offsets"
ForceLayout="true"
LabelSeparator="&nbsp;"
Collapsible="true"
Layout="Form">
<Items>
<ext:Panel ID="pnlReadOnlyFields" runat="server" ForceLayout="true" Hidden="true" HideMode="Offsets">
<Items>
<ext:Panel ID="Panel1" runat="server" FieldLabel="Label1" />
<ext:Panel ID="Panel2" runat="server" FieldLabel="Label2" />
</Items>
<%-- <Listeners>
<Show Handler="(function() { #{FormPanel1}.syncSize(); #{FormPanel1}.doLayout(); }.defer(200, this)); " />
</Listeners>--%>
</ext:Panel>
</Items>
</ext:FieldSet>
</Items>
</ext:FormPanel>
</form>
</body>
</html>