Collapsible repeating group inside repeating group

Hi friends,
I want to put a repeating group inside a repeating group.

The inner repeating group can have several rows and is visible only when the ‘expand’ button is clicked. If the inner RG isn’t visible, I want the outer layer RG to have the same row height (As small as possible so that I can display 10 rows given a fixed RG height).

In the old responsive engine, I just put the inner repeating group in a collapsible group and set the row number to 1. However I can’t figure out a way to do the same in the new engine, see pics below.
Anyone can help? please… Million thanks.


It should be just the same in the new responsnsive engine…

Just select ‘collapse when hidden’ and make sure the parent container has a minimum height small enough to allow the full collapse…

Hi Adam, thanks for your reply. Do you mind explaining in more details on what should I put as the container type for the collapsible group/ inner RG / outer RG ? thanks.

Well that obviously depends on your design requirements…

But to collapse an element’s height it’s parent container needs to be a Column…

Now the outer RG seems good, but when I click to show one of the inner RG, the row heights of all the outer RG also increase. What changes need to be made to solve this problem :((