toolbar in tabpanel

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?

Code:

---

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

---

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

The following code provides the expected result in PR2:

Code:

---

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'
                }
            ]
        });
    }
});

---

http://f.cl.ly/items/2v0L2H2f3x2j2z3...34.38%20AM.png

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

http://f.cl.ly/items/2N261w0A1F2M3U0...38.07%20AM.png

:)

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.