Repeating Panel Grid

Anvil Q&A
3

To use a RepeatingPanel rather than a GridPanel:

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 change the role of the repeatingPanel to 3-cols…

(NB it may not look quite right in the design view - but when you run the app it should be correct).

4 Likes