Dashboard "panel" layout

Configuration Frontend
1

Hi all,

recently I built a dashboard choosing the panel layout.
But I noted that the cards on the margin of the dashboard have no … margin, i.e. they lay attacked to every margin.

So I saw that if I click on the pencil of the dashboard I have this message:

image

Studying that link I read that there is the chance to apply the same margin to the entire layout of the dashboard if I use the option:

margin: 15px 15px 15px 15px

Then I applied this write it in the dialogue box:

image

But unfortunately nothing happens and the cards still are on the margins on every sides of the panel.
What do I have to do to get what I want?

2

Test out something like this

type: custom:layout-card
    layout_type: custom:grid-layout
    layout:
      grid-template-columns: 1fr 1fr 
      margin: 15px 15px 15px 15px
    cards:
1 Like
3

Thanks.
I actually had the same issue but never cared to search / ask :wink:

4

I tried this but it didn’t work.

EDIT:

I fixed converting the dashboard from “Panel” to “Grid (layout-card)” type, then in that dialogue box I simply write:

margin: 15px 15px 15px 15px