Width of Container

Anvil Q&A
9

why didn’t you say!

Linked topic:

Horizontal RepeatingPanel (Again)

I think the best option for simpler code is to use the items property of a RepeatingPanel and change it’s role to make it a grid rather than a single column…:

create a role restricted to RepeatingPanel called 3-cols

theme.css

.anvil-role-3-cols > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3%; /*adjust as needed*/
}

Then just do the usual thing with repeating panels:

def drop_down_2_change(self, **event_args):
   self.repeating_panel.items = stuff...

It’ll look a bit funny in the design view @meredydd (the extra div only seems to get added at runtime?)
But when you run the app you’ll have the 3 column grid…

2 Likes