View Full Version : Accordion-Vbox with Split to Resize Each Region

4 Feb 2011, 8:29 AM
What I want is conceptually simple (& I'm quite surprised that there's still no out-of-the-box layout for what I want to do). I basically want an AccordionLayout (I specifically want 3 vertically stacked panels), however to be able to expand multiple panels rather than just having one panel expanded at a time, and to be able to slide/drag each pane to resize it. Totti's Accordion-Vbox custom hybrid layout (http://www.sencha.com/forum/showthread.php?107850-Accordion-Vbox-custom-hybrid-layout) would perfectly fit the bill however I'm trying to figure out if sliding/dragging to resize the panel height is possible with it. Nesta's SplitVBoxLayout (http://www.sencha.com/forum/showthread.php?96756-3.2-SplitVBoxLayout) may also fit the bill, however when I quickly skimmed the writeup on that I found it may not be collapsible. I've also been looking at Saki's (Jozef Sakalos') accordion widget (http://aariadne.com/accordion-preview/) but can't get it to work (I'm using ExtJS v3.3.1). Unfortunately I can't find that Saki has updated it for new versions of ExtJS. Is there an extension out there that can do what I want? Thanks.

26 Mar 2011, 8:11 AM
Hey jmike,

Yes you are right.

I am also facing similar problem. Please goto: http://www.sencha.com/forum/showthread.php?127771-How-to-set-different-heights-of-accordion-panel-on-single-and-double-clicks&p=584614#post584614

I am however using ExtGWT and not ExtJS.

Please guide me if you have got the solution.

Thanks in advance.

- Akshay.

29 Mar 2011, 9:08 PM
The SplitRegion (http://dev.sencha.com/deploy/dev/docs/?class=Ext.layout.BorderLayout.SplitRegion) is tightly coupled with the BorderLayout which has the concept of regions (N, S, E, W) .. so I guess there is no other solution but writing a new Splitter component for VBoxLayout.