Sep 30, 2009, 12:12 PM
[CLOSED] IE6 Rendering (resize) problem
Hi,
IE6 Rendering problems.
1) When I resize the 'Navigation' to the right the ComboBox disapears.
2) When I go to the second tab the ComboBox is not visible. </p>
(Only when I set DeferredRender="false" do I see the ComboBox, but I still have problem (1))
I don't want to use 'DeferredRender' for performance reasons.
In the real application I have <ext:Anchor> containing grids and textartea which also show this behavior.
What do I have to do extra to make it work correctly under IE6?
Marc
Example:
IE6 Rendering problems.
1) When I resize the 'Navigation' to the right the ComboBox disapears.
2) When I go to the second tab the ComboBox is not visible. </p>
(Only when I set DeferredRender="false" do I see the ComboBox, but I still have problem (1))
I don't want to use 'DeferredRender' for performance reasons.
In the real application I have <ext:Anchor> containing grids and textartea which also show this behavior.
What do I have to do extra to make it work correctly under IE6?
Marc
Example:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormResize.aspx.cs" Inherits="InitializeCombo.WebFormResize" %>
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Simple BorderLayout in Markup - Coolite Toolkit Examples</title>
</head>
<body>
<ext:ScriptManager runat="server" />
<h1>Simple BorderLayout in Markup</h1>
<p>IE6 Rendering problems.</p>
<p> 1) When I resize the 'Navigation' to the right the ComboBox disapears.</p>
<p> 2) When I go to the second tab the ComboBox is not visible. </p>
<p> (Only when I set DeferredRender="false" do I see the ComboBox, but I still have problem (1)) </p>
<p>What do I have to do extra to make it work correctly under IE6?</p>
<ext:Button
ID="Button1"
runat="server"
Text="Show Window"
Icon="Application">
<Listeners>
<Click Handler="#{Window1}.show();" />
</Listeners>
</ext:Button>
<ext:Window
ID="Window1"
runat="server"
Title="Simple Layout"
Icon="Coolite"
Width="600"
Height="350"
Border="false"
Collapsible="true"
Plain="true">
<Body>
<ext:BorderLayout runat="server">
<West Collapsible="true" MinWidth="175" Split="true">
<ext:Panel runat="server" Width="175" Title="Navigation" />
</West>
<Center>
<ext:TabPanel runat="server" ActiveTabIndex="0" >
<Tabs>
<ext:Tab
ID="Tab1"
runat="server"
Title="First Tab"
BodyStyle="padding: 6px;">
<Body>
<ext:Panel runat="server" Border="false" AutoWidth="true" MonitorResize="true">
<Body>
<ext:FormLayout runat="server" >
<ext:Anchor Horizontal="100%">
<ext:ComboBox ID="cmbKRICataloguexxx" FieldLabel="Catalogue" AllowBlank="false" Editable="false" Mode="Local" TriggerAction="All" DisplayField="kriCatalogueName" ValueField="kriCatalogueID" runat="server">
</ext:ComboBox>
</ext:Anchor>
</ext:FormLayout>
</body>
</ext:Panel>
</Body>
</ext:Tab>
<ext:Tab
ID="Tab2"
runat="server"
Title="Another Tab"
BodyStyle="padding: 6px;">
<Body>
<ext:Panel runat="server" Border="false" AutoWidth="true" AutoRender="true">
<Body>
<ext:FormLayout runat="server" >
<ext:Anchor Horizontal="100%">
<ext:ComboBox ID="cmbKRICatalogue" FieldLabel="Catalogue" AllowBlank="false" Editable="false" Mode="Local" TriggerAction="All" DisplayField="kriCatalogueName" ValueField="kriCatalogueID" runat="server">
</ext:ComboBox>
</ext:Anchor>
</ext:FormLayout>
</body>
</ext:Panel>
</Body>
</ext:Tab>
<ext:Tab
ID="Tab3"
runat="server"
Title="Closeable Tab"
Closable="true"
BodyStyle="padding: 6px;">
<Body>Closable Tab</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Center>
</ext:BorderLayout>
</Body>
</ext:Window>
</body>
</html>