[CLOSED] Accordion like layout

[bakardi]

I'm looking to implement layout which will be same as Accordion, but it will not collapse other panels if I select one of them. So basically user will control where expand and collapse panels. Any suggestions?

[Daniil]

Hi,

I would look into using these events of the Panel.
http://docs.sencha.com/ext-js/3-4/#!...beforecollapse
http://docs.sencha.com/ext-js/3-4/#!...t-beforeexpand

Here is the some example of custom accordion layout.
http://forums.ext.net/showthread.php...ll=1#post68546

Hope this helps.

but it will not collapse other panels if I select one of them

Though I'm not 100% sure it would be best to override/extend the AccordionLayout to achieve this requirement. Maybe, you will need to implement your custom layout class.

Though, at the first of all, I would look into a possibility to use BeforeCollapse and BeforeExpand events.

[Vladimir]

Hi,

I suggest to use standard layout, in this case you can collapse/expand items as you need

<ext:Panel runat="server">
     <Items>
              <ext:Panel runat="server" Collapsible="true" Height="100" />
              <ext:Panel runat="server" Collapsible="true" Collapsed="true" Height="100" />
     </Items>
</ext:Panel>

[bakardi]

Works good fro me.Thanks.