1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    41
    Vote Rating
    0
    NMFord is on a distinguished road

      0  

    Default Unanswered: How to position Toolbar above tab bar on tab panel

    Unanswered: How to position Toolbar above tab bar on tab panel


    How do I position a toolbar above a tabbar on a tab panel? In my application the tab panel is positioned above the toolbar which is frustrating since the toolbar contains the title for the page...

    Here is the code for my toolbar

    Code:
            var topToolbar = new Ext.Toolbar({
                title: 'Gene Display',
                docked: 'top',
                items: [
                    backButton,
                    searchButton
                ]
            });
    I'm adding the toolbar and the tabs to the tab panel like this:
    Code:
    this.add([topToolbar,geneTab,functionTab]);
    This is the result:

    o5fY8.jpg

    Can anyone tell me what's going on?

  2. #2
    Sencha - Services Team
    Join Date
    Mar 2007
    Location
    Foristell, MO
    Posts
    1,108
    Answers
    12
    Vote Rating
    3
    jratcliff is on a distinguished road

      0  

    Default


    well, you're only showing some code snippets so I'm not sure when/how you are doing things.

    As an alternative, you can create your tab panel this way and the toolbar is docked to the top:

    Code:
    Ext.create('Ext.tab.Panel', {
        fullscreen: true,
    
        items: [
            {
                xtype  : 'toolbar',
                title  : 'Gene Display',
                docked : 'top',
                items  : [
                    {
                        text : 'Results',
                        ui   : 'back'
                    },
                    {
                        text : 'Search',
                        ui   : 'back'
                    }
                ]
            },
            {
                title : 'Gene',
                html  : 'Gene Screen'
            },
            {
                title : 'Function',
                html  : 'Function Screen'
            }
        ]
    });
    Jack Ratcliff
    Sencha Inc, Green bleeding Senchan

    How to report a bug:
    http://www.sencha.com/forum/showthre...o-report-a-bug

Thread Participants: 1