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

Community Tip - Did you get called away in the middle of writing a post? Don't worry you can find your unfinished post later in the Drafts section of your profile page. X

How to create multiple ExpandCollapseTabs ?

seanccc
17-Peridot

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

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.

View solution in original post

4 REPLIES 4
posipova
20-Turquoise
(To:seanccc)

You could try looking into using the collection widget.
seanccc
17-Peridot
(To:posipova)

@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

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
17-Peridot
(To:zyuan1)

@zyuan1 

 

Thank you. I used Tab widget for this.  

Top Tags