PDA

View Full Version : How do I add space between Panels in a column layout?



stetou
5 Mar 2010, 6:16 AM
Hi,
How do I add space or gap between Panels in a column layout? Please see attached image.

Here is how I create the panels.
Thank you in advance!
Steve



new Ext.TabPanel
({
region: 'center',
deferredRender: false,
activeTab: 0,
items:
[
{
title: 'Tableau de bord',
autoScroll: true,
layout: 'column',
margins: '35 5 5 0',
bodyStyle: 'padding:1px;',
hideBorders: true,
items:
[
{
columnWidth:.33,
style:'padding:10px 0 10px 10px',
items:
[
frmSelectRss //is a Ext.form.ComboBox in a Ext.form.FormPanel
,
{
layout:'fit',
title: 'Environnement Canada - Météo',
//items: new ECXmlGrid(ECxml_no)
items: new ECXmlGrid(133)
}
,
{
layout:'fit',
title: 'Status de la veille météorologique'
}
]
}//fin 1ere colonne
....

Animal
5 Mar 2010, 6:44 AM
Maybe an HBoxLayout would be more suitable. That reads a margins hint from its child Components.