Docking multiple toolbars in a view

[Jurian Baas]

I don't seem to be able to dock a toolbar to the top and bottom of a panel. The bottom toolbar does not show up. Are there any specific requirements for this configuration?

I'm using a Container with a card layout that contains all my views. This container is added to the viewport and has fullscreen to true. My subviews have no layout specified.

Like this:
-viewport
---Main (extends Ext.Container, cardlayout, fullscreen = true)
-----List (extends Ext.List)
-----Detail (extends Ext.Panel)
-----Add (extends Ext.form.Panel)

I am currently using 'docked' instead of 'dock'. I tried both but I'm unsure which one is correct. Using PR2.

[mitchellsimoens]

Using PR2, this worked for me:

Ext.create('Ext.Panel', {
    fullscreen : true,
    layout     : 'card',
    items      : [
        {
            xtype  : 'toolbar',
            docked : 'top',
            items  : [
                {
                    text : 'Back',
                    ui   : 'back'
                }
            ]
        },
        {
            xtype  : 'toolbar',
            docked : 'bottom',
            items  : [
                {
                    text : 'Hello',
                    ui   : 'confirm'
                }
            ]
        },
        {
            xtype : 'container',
            html  : 'One'
        },
        {
            xtype : 'container',
            html  : 'two'
        }
    ]
});

About the use of dock vs docked, I believe this will be made to dock at some point but currently is docked.

[jay@moduscreate.com]

Could you post your code in code blocks (like mitch did)? Perhaps we can help spot the problem.