Re-space a column panel during runtime

Hi @bruce.fraserb,

It is actually a known bug that ColumnPanels don’t update their layout when components are removed. Thank you for reminding us!

In the meantime, a not-very-satisfactory workaround is to use a FlowPanel as @owen.campbell suggests, then add a custom role with CSS to set the flexbox properties, preventing wrapping and justifying the contents. Something like this:

.anvil-role-justify-no-wrap>.flow-panel-gutter {
  justify-content: space-between !important;
  flex-wrap: nowrap;
}

Hope that helps!

1 Like