cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

How to create multiple ExpandCollapseTabs ?

SOLVED
Highlighted
Alexandrite

How to create multiple ExpandCollapseTabs ?

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

1 ACCEPTED SOLUTION

Accepted Solutions

Re: How to create multiple ExpandCollapseTabs ?

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.

4 REPLIES 4

Re: How to create multiple ExpandCollapseTabs ?

You could try looking into using the collection widget.

Re: How to create multiple ExpandCollapseTabs ?

@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

Re: How to create multiple ExpandCollapseTabs ?

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.

Re: How to create multiple ExpandCollapseTabs ?

@zyuan1 

 

Thank you. I used Tab widget for this.