Good afternoon everybody,
I know I’m really stupid and I apologize in advance, but I really don’t understand how to create my dashboard how I want and I was wondering if I could get some advice.
trying to create a panel for work that I have a feature but I’m not getting it
Here is a crude paint drawing of what I would like to achieve.
type: custom:layout-card
layout_type: grid
layout:
grid-template-columns: 33% 63%
grid-template-rows: auto
grid-template-areas: |
"header header"
"main main2"
cards:
- type: vertical-stack
cards:
- type: entities
title: Tomada Sala
entities:
- entity: switch.tomada_sala_soquete_1
name: Energia
icon: mdi:lightning-bolt
view_layout:
grid-area: header
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:television
name: Tv Sala
entity: switch.tomada_tv_soquete_1
show_state: true
view_layout:
grid-area: main
- type: custom:mini-graph-card
entities:
- sensor.tomada_sala_potencia
name: Wats
hours_to_show: 168
points_per_hour: 0.25
grid-area: main2
- type: custom:layout-card
layout_type: grid
layout:
grid-template-columns: 50% 50%
grid-template-areas: |
"card1 card2"
cards:
- type: entities
entities:
- entity: sensor.example1
view_layout:
grid-area: card1
- type: entities
entities:
- entity: sensor.example2
view_layout:
grid-area: card2
- type: custom:layout-card
layout_type: grid
layout:
grid-template-columns: 30% 30% 30%
grid-template-areas: |
"card3 card4 card5"
cards:
- type: entities
entities:
- entity: sensor.example3
view_layout:
grid-area: card3
- type: entities
entities:
- entity: sensor.example4
view_layout:
grid-area: card4
- type: entities
entities:
- entity: sensor.example5
view_layout:
grid-area: card5
Pretty please I need help!