Forum Stats

  • 3,840,001 Users
  • 2,262,557 Discussions
  • 7,901,121 Comments

Discussions

Resize Region on Hide

PaoloRicardos
PaoloRicardos Member Posts: 16 Red Ribbon
edited May 8, 2022 9:18AM in APEX Discussions

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.

Tagged:

Best Answer

  • jariola
    jariola Member Posts: 10,831 Gold Crown
    edited May 8, 2022 11:37AM Answer ✓

    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;
    }
    

Answers

  • jariola
    jariola Member Posts: 10,831 Gold Crown
    edited May 8, 2022 11:37AM Answer ✓

    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;
    }