PDA

View Full Version : Unable to get a get split option for a panel whose region is south



kameshpal
2 Apr 2013, 3:46 AM
I'm trying to construct a component which contains panel in north, center & south region. I need a split bar for south region to split up & down.

Below is the code which I've tried to achieve the same, which is not working as expected.


new Ext.Viewport({
layout : 'border',
items : [
{ xtype : 'panel',
title : '',
region : 'west',
width : 260,
collapseMode : 'mini',
maxWidth : 510,
split : true,
items : [
{
xtype : 'panel',
layout : 'form',
items : [
{
region : 'north',
layout : 'hbox',
xtype : 'panel',
html : 'North'
},
{
region : 'center',
xtype : 'panel',
html : 'Center'
},
{
region : 'south',
xtype : 'panel',
split : true,
html : 'South'
}
]
}
]
},
{
xtype : 'panel',
region : 'center',
html : 'Hello'
}
]
});

Thanks & Regards,
Kamesh Palani

mitchellsimoens
4 Apr 2013, 8:06 AM
That's because the panel with the north, center and south is using form layout which doesn't support a splitter.

Also, I edited your post to add BBCode CODE tags, please post your code in these CODE tags.