I have a main Panel class that contains a toolbar docked at bottom and a carousel above it. What I need to do is have the toolbar on top of of the carousel . So the carousel takes up 100% width and height and the toolbar is docked at bottom and is 100% width and on top of the carousel.
Code:
Ext.define('oracea.view.Main', {
extend: 'Ext.Panel',
config: {
itemId: 'main',
layout: 'fit',
items: [{
xtype: 'toolbar',
id: 'thetoolbar',
docked: 'bottom',
height: '104px',
width: '2048px',
cls:'etl_nav_bkgrd'
},
theOnlyCarousel=Ext.create('oracea.view.Carousel')
]
},
initialize: function(){ //add all the buttons dynamically - based on store config
var main_panel = this;
...
...