toolbar in tabpanel

[xyrer]

I tried to put a toolbar inside a tabpanel but there used to be a "dockedItems" property which is not longer valid, so if i put the toolbar in the "items" then it counts as another tab, I can't find any way to do what I want in the docs, anyone wanna point me in the right direction?

[rdougan]

items: [
    {
        xtype: 'toolbar',
        docked: 'top'
    }
]

[xyrer]

yeah, that's what I tried, and then the first tab in the tabpanel was a giant toolbar.

[rdougan]

The following code provides the expected result in PR2:

Ext.setup({
    onReady: function()  {
        Ext.Viewport.add({
            xtype: 'tabpanel',
            items: [
                {
                    xtype: 'toolbar',
                    docked: 'top',
                    ui: 'light',
                    title: 'Tab Panel'
                },
                {
                    xtype: 'panel',
                    title: 'Hello',
                    html: 'First panel'
                },
                {
                    xtype: 'panel',
                    title: 'Two',
                    html: 'First panel'
                }
            ]
        });
    }
});

[xyrer]

hm, that's what I did but with the tabBarPosition: 'bottom', I will rewrite it and check it out, thanks.

[rdougan]

[xyrer]

it was the xtype property I was missing on the remaining items, without the toolbar they work fine, but with the toolbar, it needs to be defined on those too. Thanks.