Hi and a happy new year.
I am tiring to build a new dashboard for a tablet view and i have the problem that the vertical-stack is not filling up the full width.
Currently it look like following:
But i want that the full screen is nearly used. What i can do is to use the pannel Mode but then it is in my opinion to big.
Is there a possibility to set a style for the width of a vertical stack so that the screen is fulled up to 80% ?
Or am i generally here on the wrong track?
Nice would be following:
My code looks like following:
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: grid
columns: 4
title: Wohnzimmer
cards:
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: grid
columns: 4
title: Flur
cards:
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
show_name: true
show_icon: true
- type: horizontal-stack
cards:
- type: grid
columns: 4
title: Küche
cards:
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: grid
columns: 4
title: Schlafzimmer
cards:
- type: button
tap_action:
action: toggle
entity: light.kuche
- type: button
tap_action:
action: toggle
entity: light.kuche