PDA

View Full Version : Collapse/Expand problem in BorderLayout



veerai2i
18 May 2010, 4:21 AM
Hi,

i am using border layout.

i have given west-panel collapsable property="true".Its working but layout moving very slowly, how can we reduce it duration time of execution??


var viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'west',
xtype: 'panel',
id:'west-panel',
title:'Radaptive',
split:true,
width: 225,
minSize: 175,
maxSize: 225,
collapsible: true,
margins:'55 0 0 0',
cmargins:'55 5 0 0',
items: [{
html: '<div id="sd_menu_container"></div>',
}]
},{
region:'center',
margins:'55 0 0 0',
height:642,
cmargins:'55 5 0 0',
layout:'column',
collapsible: true,
items:[{ bodyBorder:false,
items:[{
columnWidth:.2,
baseCls:'x-plain',
autoScroll: true,
bodyBorder:false,
id:'mainsearch',
hidden:true,
split: true,
height:642,
html:'<div id="search"></div>'

}]
},{ bodyBorder:false,
items:[{
columnWidth:.3,
baseCls:'x-plain',
bodyBorder:false,
//autoScroll:true,
split: true,
id:'maincontainer',
height:642,
html:'<div id="container" ></div>',
}]
},{
bodyBorder:false,
items:[{
columnWidth:.5,
baseCls:'x-plain',
bodyBorder:false,
autoScroll: true,
id:'maindetail',
width:824,
hidden:true,
split: true,
height:642,
html:'<div id="detail" ></div>',
}]
}]
}]
});

thanks in advance,

veerakumar.

jay@moduscreate.com
18 May 2010, 7:17 AM
i would disable animation or reduce the amount of HTML in that region.
Please post your code within CODE tags in the future.

veerai2i
19 May 2010, 9:40 PM
Hi,

Thanks for reply,

how to reduce the amount of HTML in that region? since it generates large amount of html on the fly and located in mentioned DIV.

I have not used any animitaion code, do i made any thing wrong?

thanks,
veera.