PDA

View Full Version : How to have Grids under accordion panel with different height



hermann.s
20 Mar 2014, 5:42 AM
I have an accordion layout container with 3 Grids.

I would like to make the first Grid slightly bigger in height than the other two. Is this somehow possible?

scottmartin
20 Mar 2014, 6:40 AM
Something like this?



Ext.application({
name: 'Fiddle',

launch: function() {

Ext.create('Ext.panel.Panel', {
title: 'Accordion Layout',
width: 300,
height: 800,
defaults: {
bodyStyle: 'padding:15px'
},
layout: {
type: 'accordion',
animate: true,
multi: true,
fill: false
},
items: [{
title: 'Panel 1',
html: 'Panel content!', flex: 2 // or height
}, {
title: 'Panel 2',
html: 'Panel content!', flex: 1
}, {
title: 'Panel 3',
html: 'Panel content!', flex: 1
}],
renderTo: Ext.getBody()
});
}

});