Hello,
Can someone please help me out? I am trying to build my first dashboard using grid layout but for some reason I can’t get it to work with the areas I define. I am attaching the yaml and a print screen since this is the best way to explain what’s going on.
views:
- title: Home
type: custom:grid-layout
badges: []
layout:
grid-template-columns: 30% auto 30%
grid-template-rows: auto 40% 20% auto
grid-template-areas: |
"header header header"
"buttons-left buttons buttons-right"
"navigation navigation navigation"
"footer footer footer"
cards:
- type: markdown
view-layout:
grid-area: header
content: '**Header Placeholder**'
- type: markdown
view-layout:
grid-area: buttons-left
content: '**Buttons Left Placeholder**'
- type: markdown
view-layout:
grid-area: buttons
content: '**Buttons Center Placeholder**'
- type: markdown
view-layout:
grid-area: buttons-right
content: '**Buttons Right Placeholder**'
- type: markdown
view-layout:
grid-area: navigation
content: '**Navigation Placeholder**'
- type: markdown
view-layout:
grid-area: footer
content: '**Footer Placeholder**'
