PDA

View Full Version : Problem with ToolBars in Table layout



vijaygundra
9 Sep 2009, 6:06 AM
Hi,

I am using "Table Layout" to render all my panels. When i am trying to add toolbar to the panels its taking huge space rather than the normal size.

If i create the same panel out side the layout and render it directly to the page its working fine. I guess the layout manager should be causing this.

Please look at the screen attached. In that on top of the page i have rendered a panel directly to document body and another one i rendered inside the table layout.

Thanks in advance

-- Vijay

9 Sep 2009, 6:16 AM
Vijay, how about posting the code for which you're having problem with?

vijaygundra
9 Sep 2009, 6:18 AM
Hi,

Thanks for the reply. Below is my code.

_adminPanel = new Ext.Panel({
id:'main-panel',
baseCls:'x-plain',
renderTo: Ext.getBody(),
layout:'table',
layoutConfig: {columns:5},
// applied to child components
defaults: {frame:false, width:200, height:200},
items:[{
title:'AHT Combobox',
height:20,
colspan:5
},{
layout:'fit',
items:[_sitesTree]
},{
title:'Business Line'
},{
title:'Product ',
height:400,
rowspan:2
},{
rowspan:2,
border:false,
width:80,
height:30,
layout:'fit',
items: [
new Ext.Button({text: '<b> Get Goals => </b>'})
]
},{
title:'Goals Grid',
id:'goalsgrid',
height:400,
//width:100,
rowspan:2,
bbar: [{text:'Save'}]
},{
layout:'fit',
items:[_worktypesTree]

},{
title:'Function'
},{
title:'CSR above/below',
height:20,
colspan:5
}]
});