Responsive, Grid-like Layout in Code. Having issues

Anvil Q&A
1

Continuing the discussion from What is the best practice to make anvil app looks good on mobile device?:

What I’m trying to do:
Create a responsive, grid-like layout like the one linked above in code.

I can’t seem to find a way to do it programmatically with code. Adding ColumnPanels in code always generates a new row.

What I’ve tried and what’s not working:

  • GridPanel. Not responsive and can’t control column spacing.
  • FlowPanel. Don’t have control over which parts of the row are wrapped and which aren’t.
2

To do this, I nest FlowPanels. The outer FlowPanel will wrap before the inner FlowPanel does.

1 Like