TabPanel and ComboBox (Layout issue)

  1. #1

    TabPanel and ComboBox (Layout issue)

    Hello,

    The below example demonstrates that their is a minor layout issue with the Ext:ComboBox in both IE6 and FF3.0 when inside a TabPanel with AutoPostBack and DeferredRender disabled:

    Example.aspx:
    <%@ 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">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="Head1" runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True" />
            <ext:ScriptManager ID="ScriptManager2" runat="server" />
            <p><a href="Example.aspx">Reload</a></p>
            <ExtJS:TabPanel ID="Tabs1" runat="server" ActiveTab="0" AutoPostBack="False" AutoHeight="True" AutoWidth="True">
                <Tabs>
                    <ExtJS:Tab ID="Tab1" runat="server" Title="Tab1" AutoHeight="True" AutoWidth="True">
                        <Content>
                            <ExtJS:ComboBox ID="drpDemo" runat="server" Editable="True" EmptyText="----" ForceSelection="True" Mode="Local" Select&#111;nfocus="True" TriggerAction="All" TypeAhead="True" Width="255">
                                <Items>
                                    <ExtJS:ListItem Text="All" Value="All" />
                                    <ExtJS:ListItem Text="None" Value="None" />
                                </Items>
                            </ExtJS:ComboBox>
                        </Content>
                    </ExtJS:Tab>
                    <ExtJS:Tab ID="Tab2" runat="server" Title="Tab2" AutoHeight="True" AutoWidth="True">
                        <Content>
                            <ExtJS:ComboBox ID="drpDemo2" runat="server" Editable="True" EmptyText="----" ForceSelection="True" Mode="Local" Select&#111;nfocus="True" TriggerAction="All" TypeAhead="True" Width="255">
                                <Items>
                                    <ExtJS:ListItem Text="All" Value="All" />
                                    <ExtJS:ListItem Text="None" Value="None" />
                                </Items>
                            </ExtJS:ComboBox>
                        </Content>
                    </ExtJS:Tab>
                </Tabs>
            </ExtJS:TabPanel>
        </form>
    </body>
    </html>
    Replication steps:

    1. Load page
    2. Click the ComboBox and see the dropdown renders properly
    3. Click "Tab 2"
    4. Click the ComboBox and see the dropdown does not render properly like on the first tab

    I've also noted in my solution that the dropdown division sometimes will render squished to approx. 100px regardless of the content of the dropdown. I can't seem to replicate in an example, so I'm hoping this example is contributing.

    Cheers,
    Timothy
  2. #2

    RE: TabPanel and ComboBox (Layout issue)

    Timothy (9/6/2008)

    I've also noted in my solution that the dropdown division sometimes will render squished to approx. 100px regardless of the content of the dropdown. I can't seem to replicate in an example, so I'm hoping this example is contributing.
    OK, I was able to reproduce the problem with the squished the ComboBox; it's only in FF3.0. You will notice this if you check against IE6 then FF3.0, they both render differently :)

    Cheers,
    Timothy

Similar Threads

  1. [CLOSED] layout issue when using RowLayout within column layout
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 11, 2012, 2:40 PM
  2. TabPanel layout problem
    By m_bo in forum 1.x Help
    Replies: 0
    Last Post: Mar 19, 2012, 9:10 AM
  3. [0.8] Master with Tabpanel Layout
    By w0rtez in forum 1.x Help
    Replies: 4
    Last Post: Apr 05, 2011, 6:54 PM
  4. [CLOSED] Tabpanel fit layout issue
    By edigital in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Aug 30, 2010, 3:35 PM
  5. [1.0] Tabpanel + iframe + layout
    By SouthDeveloper in forum 1.x Help
    Replies: 0
    Last Post: May 13, 2010, 9:32 PM

Posting Permissions