can't add docked item to viewport

[vivendi]

I wanted to add a docked item to my viewport, but nothing is happening. This used to work with ST1.

Ext.define('trinit.view.Viewport', {
extend: 'Ext.Container',
xtype: 'my-viewport',
config: {
    fullscreen: true,

    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',
        title: 'Hello',
        height: 50
    }],

    layout: {
        type: 'card',
        animation: {
            type: 'slide',
            direction: 'left'
        }
    },
    
    items: [{
        xtype: 'Login'
    },{
        xtype: 'New'
    }]
    
}
}); 

My goal was to add more then one toolbar at the bottom. But the first one isn't even showing... Anyone any idea how to fix this problem?

[mitchellsimoens]

dockedItems is deprecated... all items, docked or not, should go in the items array and use the docked config on your docked items.