How to create multiple ExpandCollapseTabs ?

[seanccc]

Hi, 

For a header or footer in the layout widget, if mark "ShowExpandCollapseTabs" then the header/footer can be expanded or collapsed , and the remain area in the web page can be adjusted automatically.   

But how to create multiple ExpandCollapseTabs  like the attached picture ?   The Folder Pannel cannot get this as it won't adjust the size of the remain area when expanding or collapsing.  

Regards,

Sean

[posipova]

You could try looking into using the collection widget.

[seanccc]

@posipova 

The collection won't helpful on it ( at least I didn't find a solution with collection ) ,  the remaining page area won't be adjusted automatically.   For the attached file expandCollapse2.gif,  the expanded area overlap with next area , instead of moving the next area to lower position, like the behavior in header or footer in layout. 

Regards,

Sean

[zyuan1 · Accepted solution]

To create such folding areas, you can consider following ways.

1. Tab Widget (reuse the space with multiple Tabs)

2. Put Layout in Layout, then you can have several layer of Sidebars, and multiple expand/collapse tabs at the same time 

3. In Menu widget, you can choose Accordion type.

[seanccc]

@zyuan1 

Thank you. I used Tab widget for this.