I’m stuck and have searched everywhere but I can’t get this to work. Please give me some feedback.
What I’m trying to do is make a super simple dashboard to cast to my Google Nest hub.
With I have two problems.
- I can’t seem to align standard HA cards right
- I can’t seem to cast custom cards
1:
So I tried making the dashboard without custom cards and so far I got this:
And this is the actual code:
title: Thuis
views:
- theme: Backend-selected
path: default_view
title: Home
type: panel
badges: []
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: picture-elements
image: https://[*MY-URL*]/local/images/dummy2.png
elements:
- type: state-label
entity: sensor.time
style:
left: 50%
top: 50%
font-size: 16vw
- type: button
show_name: true
show_icon: true
tap_action:
action: toggle
entity: input_boolean.lights2
- type: vertical-stack
cards:
- type: button
show_name: true
show_icon: true
tap_action:
action: call-service
service: vacuum.start
data: {}
target:
entity_id: vacuum.roborock_s6_pure
entity: vacuum.roborock_s6_pure
name: Stofzuigen
- type: button
show_name: true
show_icon: true
tap_action:
action: toggle
entity: switch.bot_af2d
name: Garage open/dicht
icon: mdi:garage
What I try to do is make the clock card (which is actually a picture card) the same size as the button cards but I can’t seem to change it. I’ve tried increasing the size of the dummy picture: no luck.
2:
Alternatively: maybe there is an obvious reason why casting my custom-card dashboard results in a white screen on my Hub. This is the dashboard I try to cast:
title: Thuis
views:
- path: default_view
title: Hub_scherm
type: custom:grid-layout
badges: []
cards:
- type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 50% 50%
grid-template-rows: 50% 50%
justify-items: stretch
max_cols: 2
cards:
- type: picture-elements
image: https://[*MY-URL*]/local/images/dummy2.png
elements:
- type: state-label
entity: sensor.time
style:
left: 50%
top: 50%
font-size: 16vw
- type: button
show_name: true
show_icon: true
tap_action:
action: toggle
entity: input_boolean.lights2
- type: button
show_name: true
show_icon: true
tap_action:
action: call-service
service: vacuum.start
data: {}
target:
entity_id: vacuum.roborock_s6_pure
entity: vacuum.roborock_s6_pure
name: Stofzuigen
- type: button
show_name: true
show_icon: true
tap_action:
action: toggle
entity: switch.bot_af2d
name: Garage open/dicht
icon: mdi:garage
