Header Tabs

  1. #1

    Header Tabs

    I would like to provide a Header Tabs example:

    Click image for larger version. 

Name:	hp002.png 
Views:	33 
Size:	5.5 KB 
ID:	19191

    <!DOCTYPE html>
    <html>
    <head id="Head1" runat="server">
    </head>
    <body>
        <ext:ResourceManager runat="server" ScriptMode="Debug" />
        <ext:TabPanel Title="Examples" Width="600" TabBarHeaderPosition="2" Height="300" runat="server">
            <Defaults>
                <ext:Parameter Name="bodyPadding" Value="10" Mode="Raw" />
                <ext:Parameter Name="autoScroll" Value="true" Mode="Raw" />
            </Defaults>
            <Items>
                <ext:Panel Title="Ext.Net" Html="Ext.Net" AutoDataBind="true" runat="server" />
                <ext:Panel Title="Sencha" Html="Sencha" runat="server" />
                <ext:Panel Title=".Net" Html=".Net Framework" runat="server" />
            </Items>
        </ext:TabPanel>
    </body>
    </html>
    Note: Based on Ext.Js example (http://dev.sencha.com/ext/5.1.0/exam...k/#header-tabs).
  2. #2
    Hi Raphael,

    Thank you for sharing.

    I've added the example to our Examples Explorer.

    Once Ext.NET 3.1.0 beta is released, the example will be available through this link:
    https://examples2.ext.net/#/Kitchen_...ls/Header_Tabs
  3. #3
    You're welcome

Similar Threads

  1. [CLOSED] Move tabs Tabs Style Google Chrome
    By majunior in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Apr 30, 2013, 12:58 PM
  2. [CLOSED] TabPanel tabs activating differently if remove tabs
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Mar 15, 2013, 3:41 PM
  3. [CLOSED] TreePanel header=false still renders header div
    By jchau in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 02, 2012, 9:30 PM
  4. Replies: 4
    Last Post: Jul 13, 2012, 7:47 PM
  5. Replies: 9
    Last Post: Apr 27, 2009, 3:19 PM

Posting Permissions