Use grid panel as a gameboard

Anvil Q&A
1

I want to use the GridPanel component as a variable board for a game. It should have a variable size of 4x4 to 6x6. What bothers me is the distance between the cells. I want small or no padding in between the cells. Because the cells will be in different colors, there is no neutral background which would make these borders invisible.
Playing with width of the Label component which is added to each cell helps a bit, but is not sufficient.

Is there a solution to extend the column width?

2

For precise layouts (no padding), you may find a Canvas or XYPanel easier to use.

1 Like
3

Since Grid Panel is a bit hard to work with, a Flow Panel can also be used for this work. It allows setting spacings between components

4

Thanks both for the input. I looked into the XYPanel and I did not know that components can be given a width as well. In the documentation of the XYPanel only x and y are mentioned:
Arguments to add_component:
** x: How far across the component is from the left-hand edge*
** y: How far down the component is from the top edge*

By specifying a width I can solve my problem.
Perhaps docs ‘width’ can be added to the docu?