Skip to main content
S
seanccc17-Peridot
17-Peridot
April 18, 2019
Solved

How to create multiple ExpandCollapseTabs ?

  • April 18, 2019
  • 1 reply
  • 2638 views

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

Best answer by zyuan1

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.

1 reply

P
posipova20-Turquoise
20-Turquoise
April 18, 2019
You could try looking into using the collection widget.
S
seanccc17-PeridotAuthor
17-Peridot
April 19, 2019

@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

Z
zyuan15-Regular MemberAnswer
5-Regular Member
April 22, 2019

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.

Terms & ConditionsAccessibility statement