PDA

View Full Version : Accordion Multi not working



bhaumik_darji
10 Apr 2012, 11:16 PM
Hi,
I have created Accordion Panel.
I set multi : true
But this is not working , at a time only 1 panel is expanded. I am using extjs 4.0

scottmartin
11 Apr 2012, 1:57 PM
See if the following works for you:



Ext.create('Ext.panel.Panel', {
title: 'Accordion Layout',
width: 300,
height: 300,
defaults: {
// applied to each contained panel
bodyStyle: 'padding:15px'
},
layout: {
// layout-specific configs go here
type: 'accordion',
titleCollapse: false,
animate: true,
activeOnTop: true,
multi: true
},
items: [{
title: 'Panel 1',
html: 'Panel content!'
},{
title: 'Panel 2',
html: 'Panel content!'
},{
title: 'Panel 3',
html: 'Panel content!'
}],
renderTo: Ext.getBody()
});


Regards,
Scott.

whowery
24 Apr 2013, 10:09 AM
+1, works excellent! Just what I needed.