[CLOSED] Movable Tabs

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] Movable Tabs

    Hi,

    Is it possible to have movable tabs in Ext.net TabPanel?

    Something like Chrome has, when you can rearrange tabs by dragging them around.

    Thanks,
    --Art
    Last edited by Daniil; Apr 14, 2011 at 5:13 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Unfortunately, this behavior is not currently included to Ext.Net.

    The one thing I can say - I'm pretty sure there is a respective plugin on Sencha forums.
  3. #3
  4. #4
    Thanks Daniil,

    That is exactly what I want.

    How would I incorporate this extension into 1.0 Ext.net TabPanel?

    Thanks,

    --Art
  5. #5
    Please add on the page the slidingtabs.js from the last thread's page.

    And add this plugin:
    <ext:TabPanel runat="server" Height="300">
        <Items>
            <ext:Panel runat="server" Title="Tab1" />
            <ext:Panel runat="server" Title="Tab2" />
        </Items>
        <Plugins>
            <ext:GenericPlugin InstanceName="Ext.ux.SlidingTabs" />
        </Plugins>
    </ext:TabPanel>
  6. #6
    Unfortunately, I got an error when I did what you said.

    Javascript Error : Uncaught TypeError: undefined is not a function

    Example:
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" 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>AutoHeight TabPanel - Ext.NET Examples</title>
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
        <script src="Common/Scripts/slidingtabs.js" type="text/javascript"></script>
    
        <ext:TabPanel ID="TabPanel1" runat="server" Width="450">
            <Items>
                <ext:Panel ID="Tab1" runat="server" Title="Short Text" AutoHeight="true" Padding="6">
                    <Content>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales
                        a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis,
                        interdum non, sodales non, iaculis ac, lacus.<br />
                        <br />
                        Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus,
                        sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse
                        nunc sem, pretium eget, cursus a, fringilla vel, urna.
                    </Content>
                </ext:Panel>
                <ext:Panel ID="Tab2" runat="server" Title="Long Text" AutoHeight="true" Padding="6">
                    <Content>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales
                        a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis,
                        interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis
                        malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus.
                        In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla
                        vel, urna.<br />
                        <br />
                        Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean
                        lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim
                        non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec
                        urna. Curabitur velit.
                    </Content>
                </ext:Panel>
            </Items>
            <Plugins>
                <ext:GenericPlugin InstanceName="Ext.ux.SlidingTabs" />
            </Plugins>
        </ext:TabPanel>
    </body>
    </html>
  7. #7
    Where did you download the script?
  8. #8
  9. #9
    Please add on the page the slidingtabs.js from the last thread's page.
    Please review this message.

    I meant this post:
    http://www.sencha.com/forum/showthre...l=1#post499443
  10. #10
    That solved it. thanks!
Page 1 of 2 12 LastLast

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] Can You Have Movable Columns in a TreeGrid?
    By garrisrd in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 26, 2011, 3:31 PM
  3. [CLOSED] limiting the tabs
    By Vasudhaika in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 16, 2010, 9:08 AM
  4. [CLOSED] Tabs Add in c#
    By speedstepmem4 in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 01, 2009, 12:36 PM

Tags for this Thread

Posting Permissions