I have a simple button-card
inside a vertical-stack-in-card
.
The button-card is quite simple.
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: "custom:button-card"
entity: input_boolean.xxxxx
name: NIGHT
template: button_scene
Where the template just defines some styles.
button_luci_scene:
styles:
card:
- border-radius: 15px
state:
- value: 'on'
styles:
card:
- border: solid 2px var(--accent-color)
- box-shadow: 0px 0px 10px 1px var(--paper-item-icon-active-color)
The card works fine clicking on it.
The card doesn’t work when the input_boolean.xxxx
is set to on
and I open the page. In this case the card style is not applied.
Using the same card with the standard vertical-stack
works fine in all cases.
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: "custom:button-card"
entity: input_boolean.xxxxx
name: NIGHT
template: button_scene
Here the difference:
Can the button-card
work with the vertical-stack-in-card
?