xtype : 'Region',
xns: Roo.bootstrap.layout,
autoScroll: false,
- tabPosition:'top',
- titlebar: true
+ tabPosition:'west',
+ titlebar: true
+ },
+ west: {
+ xtype : 'Region',
+ xns: Roo.bootstrap.layout,
+ autoScroll: false,
+ tabPosition:'west',
+ titlebar: true,
+ initialSize: 200,
+ title : "Menu"
},
items : [
{
maxSize: 400,
autoScroll:true,
collapsible:true,
- titlebar: true
+ titlebar: true,
+ tabPosition : 'bottom'
},
center: {
xtype : 'Region',
xns: Roo.bootstrap.layout,
autoScroll:true,
+ tabPosition:'west'
},
west: {
{
xtype : 'Content',
xns: Roo.bootstrap.panel,
- title : "More Info",
+ title : "South Tab 1",
+ region : 'south',
+ html : 'some body south'
+ },
+ {
+ xtype : 'Content',
+ xns: Roo.bootstrap.panel,
+ title : "South Tab 2",
+ background : true,
region : 'south',
html : 'some body south'
},
region : 'center',
html : 'some body center'
},
+ {
+ xtype : 'Content',
+ xns: Roo.bootstrap.panel,
+ title : "the body 2",
+ region : 'center',
+ html : 'some body center 2 '
+ },
{
xtype : 'Content',
},
- {
+ {
xtype : 'Content',
xns: Roo.bootstrap.panel,
title : "Title Center",