top and bottom paddings for GridStack demo about gridstack HOT 8 CLOSED

What padding you mean?

But you should be able to define those in your theme.

from gridstack.

I mean padding at the top and bottom of GridStack, the same as at left and right. Unfortunately I didn't find a way how to do it.

I have attached screenshot for more details:

from gridstack.

One simple way to resolve this would be to add css rule:

.v-splitpanel-second-container {
  padding-top: 6px;
}

You might want to give own stylename to your SplitPanel to avoid this rule applying to all second containers of all SplitPanels.

from gridstack.

32b2163

Example

from gridstack.

Thanks for your answer. This solution applied to SplitPanel's container.. but I have here some other components together with GridStack. I have a panel above GridStack so with this solution I have a padding above this panel but not in GridStack component.

from gridstack.

if you have those components together with eg. verticallayout, just use the setSpacing(true) of it. Or just add padding to slot that contains the gridstack.

from gridstack.

Is it possible to add padding to GridStack container itself ?

from gridstack.

Looks like gridstack library itself doesn't provide any margin support. So it has to be done with CSS. Adding it to wrapping element is valid way to handle this. I don't think i will add wrapper to my implementation for this requirement. If nothing else you can add CssLayout as wrapper, and set padding there.

from gridstack.