What's New?

[CLOSED] Tab Panel Header Visible

  1. #1
    Apr 24, 2009, 3:53 AM

    [CLOSED] Tab Panel Header Visible



    Hi,
    i need the tab panel title visible is false. 

    


<ext:TabPanel ID="TabPanel2" runat="server" ActiveTabIndex="0" Border="false">


<Tabs>


<ext:Tab ID="Tab1" runat="server" >


<Body>


</Body> 


</ext:Tab>


</Tabs>


</ext:TabPanel>
  2. #2
    Apr 24, 2009, 6:56 AM

    RE: [CLOSED] Tab Panel Header Visible

    Hi,

    You need to call hideTabStripItem for particular Tab.
    Please see the following sample
    <%@ 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></title>
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" Hide="True" />

            <ext:TabPanel 
                ID="TabPanel1" 
                runat="server" 
                ActiveTabIndex="0" 
                Width="600" 
                Height="250" 
                Plain="true">
                <Tabs>
                    <ext:Tab 
                        ID="Tab1" 
                        runat="server" 
                        Title="Tab1" 
                        Html="Tab1"
                        BodyStyle="padding: 6px;" 
                        />
                    <ext:Tab 
                        ID="Tab2" 
                        runat="server" 
                        Title="Tab2" 
                        Html="Tab2"
                        BodyStyle="padding: 6px;" 
                        />                   
                    <ext:Tab 
                        ID="Tab3" 
                        runat="server" 
                        Title="Tab3" 
                        Html="Tab3"
                        BodyStyle="padding: 6px;" 
                        />                       
                </Tabs>
                <Listeners>
                    <Render Handler="this.hideTabStripItem(0);" />
                </Listeners>
            </ext:TabPanel>
    </form>
</body>
</html>
  3. #3
    Apr 24, 2009, 6:20 PM

    RE: [CLOSED] Tab Panel Header Visible

    How about setting Hidden="true" on the <ext:Tab>, the using .addTab() and .closeTab() in the TabPanel client-side API?

    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">
    
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager runat="server" />
        <ext:TabPanel 
            ID="TabPanel1" 
            runat="server" 
            ActiveTabIndex="0" 
            Width="600" 
            Height="250" 
            Plain="true">
            <Tabs>
                <ext:Tab 
                    ID="Tab1" 
                    runat="server" 
                    Title="Tab1" 
                    Html="Tab1"
                    BodyStyle="padding: 6px;" 
                    />
                <ext:Tab 
                    ID="Tab2" 
                    runat="server" 
                    Title="Tab2" 
                    Html="Tab2"
                    BodyStyle="padding: 6px;"
                    Hidden="true"
                    />                   
                <ext:Tab 
                    ID="Tab3" 
                    runat="server" 
                    Title="Tab3" 
                    Html="Tab3"
                    BodyStyle="padding: 6px;" 
                    />                       
            </Tabs>
            <Buttons>
                <ext:Button runat="server" Text="Show Tab2">
                    <Listeners>
                        <Click Handler="TabPanel1.addTab(Tab2, 1)" />
                    </Listeners>
                </ext:Button>
                <ext:Button runat="server" Text="Hide Tab2">
                    <Listeners>
                        <Click Handler="TabPanel1.closeTab(Tab2)" />
                    </Listeners>
                </ext:Button>
            </Buttons>
        </ext:TabPanel>
    </form>
</body>
</html>
    Hope this helps.

    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter

Similar Threads

  1. Paging toolbar not visible when GridPanel is made visible
    By mkshields9w57 in forum 1.x Help
    Replies: 1
    Last Post: Nov 22, 2011, 6:57 PM
  2. [CLOSED] how to set panel visible true/false
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 19, 2011, 3:51 AM
  3. [CLOSED] TableLayout resizing and Panel header visible problem
    By kenanhancer in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Jan 10, 2011, 9:27 AM
  4. [CLOSED] how to hide panel header
    By kenanhancer in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Jan 05, 2011, 8:35 AM
  5. [CLOSED] How can I add a combobox to panel header?
    By jchau in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jul 21, 2010, 5:19 PM

Posting Permissions