Resize Region on Hide

PaoloRicardos

I page a page with two region side by side (Region1 and Region2).

When I hide Region1 with an dynamic action the place where the Region1 was stay as a Gap, I would like to the Region2 resize to fill-up the gap where Region1 was.

Current Regions:

when I Hide Region1 stay the Gap:

Desired result is to Region2 Resize when I hide the Region1:

Thanks.

jariola

Set second region "Start New Row" and "New Column" attributes off.

To first region add to "Row CSS Classes"

x-flex-row

Add to Page CSS Inline

.x-flex-row .col{
 display: flex;
}
.x-flex-row .col .t-Region{
 flex: 1 0 auto;
}
.x-flex-row .col .t-Region:not(:first-child){
 margin-left: 0.5rem;
}

jariola

Set second region "Start New Row" and "New Column" attributes off.

To first region add to "Row CSS Classes"

x-flex-row

Add to Page CSS Inline

.x-flex-row .col{
 display: flex;
}
.x-flex-row .col .t-Region{
 flex: 1 0 auto;
}
.x-flex-row .col .t-Region:not(:first-child){
 margin-left: 0.5rem;
}