Oct 21, 2008, 1:48 AM
[FIXED] [V0.7] BorderLayout in TabPanel not working In Internet Explorer
Hi,
I have a ViewPort->BorderLayout->TabPanel->Tab->BorderLayout structure and notice that in Internet Explorer when I toggle between two tabs, the tab that contains a BorderLayout has the regions collapse/resize. This is working fine in Firefox/Chrome. Has anyone come across this or have a suggestion.
Following is the layout :
I have a ViewPort->BorderLayout->TabPanel->Tab->BorderLayout structure and notice that in Internet Explorer when I toggle between two tabs, the tab that contains a BorderLayout has the regions collapse/resize. This is working fine in Firefox/Chrome. Has anyone come across this or have a suggestion.
Following is the layout :
<ext:ScriptManager ID="extScriptManager" runat="server" />
<ext:ViewPort id="ViewPort" runat="server">
<Content>
<ext:BorderLayout ID="BorderLayoutOuter" runat="server">
<Center>
<ext:TabPanel ID="TabPanel" runat="server" ActiveTabIndex="0">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Tab1">
<Content>
<ext:BorderLayout id="BorderLayoutInner" runat="server">
<Center>
<ext:Panel ID="CenterPanelInner" runat="server" Title="CenterPanelInner">
<Content>
CenterPanelInner
</Content>
</ext:Panel>
</Center>
<East>
<ext:Panel ID="EastPanelInner" runat="server" Title="EastPanelInner">
<Content>
EastPanelInner
</Content>
</ext:Panel>
</East>
<South>
<ext:Panel ID="SouthPanelInner" runat="server" Title="SouthPanelInner">
<Content>
SouthPanelInner
</Content>
</ext:Panel>
</South>
</ext:BorderLayout>
</Content>
</ext:Tab>
<ext:Tab ID="Tab2" runat="server" Title="Tab2">
<Content>
Tab2
</Content>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Center>
<South>
<ext:Panel ID="SouthPanelOuter" runat="server">
<Content>
SouthPanelOuter
</Content>
</ext:Panel>
</South>
<North>
<ext:Panel ID="NorthPanelOuter" runat="server">
<Content>
NorthPanelOuter
</Content>
</ext:Panel>
</North>
</ext:BorderLayout>
</Content>
</ext:ViewPort>