Hello,
I’m fairly new to Lovelace, and I’ve been struggling a bit with two vertical-stack cards that are both part of the same main view.
Both vertical stacks contain custom cards, at least one of which (the alarm panel card) was loading properly previously.
Right now, for both of the vertical stack cards I’m getting the JS error:
“Cannot read property ‘states’ of undefined”
I’m hoping that someone can take a look at my YAML and see where I goofed (most likely in the spacing, but I just can’t see it).
Thanks!
- type: vertical-stack
title: Security
show_header_toggle: true
cards:
- type: custom:alarm_control_panel-card
entity: alarm_control_panel.home_alarm
show_keypad: true
title: Home Alarm
style: '--alarm-color-disarmed: var(--label-badge-green);'
states:
- arm_home
- arm_away
- type: glance
column_width: calc(100%/4)
title: Mode
entities:
- entity: input_boolean.ha_mode_away
tap_action: toggle
- entity: input_boolean.ha_mode_home
tap_action: toggle
- entity: input_boolean.ha_mode_night
tap_action: toggle
- entity: input_boolean.ha_mode_vacation
tap_action: toggle
- type: entities
entities:
- binary_sensor.front_door
- binary_sensor.deck_door
- binary_sensor.garage_entry
- type: picture-entity
title: Front Door
entity: camera.front_door
camera_image: camera.front_door
show_info: true
tap_action: dialog
- type: vertical-stack
title: Climate
show_header_toggle: true
cards:
- type: custom:ecobee-card
entity: climate.home
- type: weather-forecast
entity: weather.dark_sky