1. #1
    Ext User
    Join Date
    Jun 2010
    Posts
    2
    Vote Rating
    0
    Tuscon is on a distinguished road

      0  

    Default tabPanel Docked on top

    tabPanel Docked on top


    So I am trying to create a tab panel that is nested within another tab panel. The nested tab panel should show up at the top but still visually look like the bottom docked one. I can't seem to figure out a way to do it. When I dock the nested panel to the top it makes it look like tabs instead of the toolbar. Any way to fix this?

  2. #2
    Sencha - Community Support Team
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    0
    meyerovb is on a distinguished road

      0  

    Default


    The below code should do it. Maybe move this to the feature request board, requesting an easier switch of the tab type. It would be nice to have an easier way of changing a top docked tabbar to have bottom-docked like tabs.

    Code:
    Ext.setup({ onReady: function () {
    new Ext.TabPanel({
        fullscreen: true,
        tabBarPosition: 'bottom',
        items: [
            {
                title: 'Tab',
                xtype: 'tabpanel',
                items: [{ title: 'Tab', html: 'content'}],
                listeners: {
                    activate: function (panel) {
                        var dom = Ext.select('.x-docked-top', panel.getEl().dom).first().dom;
                        dom.className = dom.className.replace('x-docked-top', 'x-docked-bottom');
                    }
                }
            }]
    });
    }});

  3. #3
    Sencha User
    Join Date
    Aug 2008
    Posts
    8
    Vote Rating
    0
    yanhsy is on a distinguished road

      0  

    Default I tried it, it seems the 'active' event should be 'afterlayout'

    I tried it, it seems the 'active' event should be 'afterlayout'


    I tried it, it seems the 'active' event should be 'afterlayout'

  4. #4
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    6
    Vote Rating
    1
    christiandersen is on a distinguished road

      0  

    Default Sencha Touch 2.0?

    Sencha Touch 2.0?


    Has anyone tried this on in Sencha Touch 2.0?

Similar Threads

  1. Scroll top down for Panel like Tabpanel
    By tomalex0 in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 30 Jun 2010, 11:20 PM
  2. How I can get a grid docked into a border region?
    By mrhiggs in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 17 Sep 2008, 10:00 AM
  3. Bring new TabPanel to the top
    By gmoney in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 24 Oct 2007, 1:05 PM
  4. TabPanel: tabPosition: 'top'
    By jbraband in forum Ext 2.x: Help & Discussion
    Replies: 11
    Last Post: 4 Aug 2007, 3:56 AM

Thread Participants: 3