One a dashboard, I have some lovelace minimalist custom button cards associated with input_booleans. I want some of the buttons to be enabled or disabled based upon the state of a specific button.
Here is a code extract:
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
views:
- title: Control
type: custom:grid-layout
layout:
margin: 0
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
grid-template-rows: auto
cards:
- type: "custom:button-card"
template: card_input_boolean
entity: input_boolean.core_house
variables:
ulm_card_input_boolean_name: Core House
- type: "custom:button-card"
template: card_input_boolean
entity: input_boolean.rear_middle_floor_bedroom
variables:
ulm_card_input_boolean_name: Middle Floor Bedroom
state:
- value: 'off'
entity: input_boolean.core_house
styles:
card:
- pointer-events: none
- opacity: 0.5
- value: 'on'
entity: input_boolean.core_house
styles:
card:
- pointer-events: auto
- opacity: 1
So I want the rear_middle_floor_bedroom button to only be enabled if the core_house input_boolean is ‘on’
The above code correctly disables the button but it never gets enabled. I have also tried setting the style to the on configuration and then just overriding the off CSS syling but same result. Refreshing the page makes no difference