How to modify column and row spacings of gridpanel?

Anvil Q&A
1

What I’m trying to do:
Modifu column and row spacings of gridpnael.

What I’ve tried and what’s not working:
Change padding in CSS. - not working
[row_spacing] property - not working, its just in documentation but not in snippets
image

2

Welcome to the forum! Could you share clone links to the things you’ve tried already? (Don’t share a clone link to any app with private information in its code or Data Tables, though.)

3

Hi, thanks for response. I notice some problems with CSS. And I can’t understand to it, because i can change row spacing by changing padding here:

/* The most awful hack to stop panel-cols cutting off drop shadows */
.anvil-panel-col {
  padding-bottom: 3px;
  margin-bottom: -10px;
}

But when I create my own role for GridPanel I can modify just visual style…

.anvil-role-modify-gridpanel > div {
  background-color: purple;
  padding: 0px 1px;
}

Is it even possible to change the column spacing?

I cant share clone of original application, but im trying to solve it in some calendar app from forum.
https://anvil.works/build#clone:LUKZ3SDCOIKAIJP5=PNOGELZUDTFRTHDITP2HU42L

1 Like
4

It is definitely possible, but I’m not the best person to help on this.

For now, here’s one thing you probably already know: padding is different from margin. (Google “CSS box model” or something like that for more.)

5

Yeah, i know CSS box model. Thanks for your time.

1 Like