Dynamically adding columns to ColumnPanel

Anvil Q&A
1

Hello,

I am trying to create a UI component dynamically which essentially shows a series of buttons in a LinearPanel (i.e. vertically stacked buttons); with each LinearPanel being adjacent (i.e. columns of stacked buttons).

Although I can create this using the visual editor (Drag LinearPanels into a ColumnPanel so they stack horizontally), every time add_component is called in code, a component is added vertically to a ColumnPanel. I have tried using GridPanel but it cuts off the buttons if I use 1 column width; and if I use 2, I will run out as I may have more than 6 separate columns of buttons to show (max limit of GridPanel is 12 / 2 = 6.

Before runtime, I will not know how many columns I need.

Does anyone know the best way of aligning as COLUMNS, a set of LinearPanels?

Thanks in advance!

1 Like
2

Just thinking aloud, here. Perhaps manually create the worst case (max # of linear panels), then delete the ones you don’t need programmatically.

3

i would use a datagrid , which lets you add (or delete) columns at runtime

4

You might also want to try a FlowPanel, which is basically a horizontal flex-box, or put something together with HTML, for which I know there’s an example on this forum but can’t find immediately…

1 Like
5

Maybe that will help you: link