PDA

View Full Version : Need help with layouts



suryanarendra
25 Jun 2012, 11:30 AM
Hi,

I have border layout with tree panel on left and normal panel in center.

Ext.applyIf(testpanel, {
layout:'border',
autoScroll:true,
items:[
{
xtype:'testTreeview',
region:'west',
layout:'fit',
width:'15%'
},
{
id:'contentpanelId',
xtype:'panel',
region:'center',
layout:'fit'
}
]
});

Now I would like to make left panel (Tree) as re-sizable component that can be draggable along with the mouse. Can somebody help me to get this ?

Please find below attached screen shot for reference

Thanks and Regards,
Nari

Tim Toady
25 Jun 2012, 11:44 AM
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.layout.container.Border-cfg-split

Just specify split: true on your tree

suryanarendra
25 Jun 2012, 11:51 AM
Thank you :)