Hello,
I’m having a little trouble with button-card that I was hoping someone could help me with.
This is my first attempt to use it.
I have a few buttons that are currently made using mushroom template cards. When tapped, a script triggers a scene and then updates an input_select with the now active scene. The current template card will update the color of the icon and the secondary info to reflect that it’s the active scene. I want to use button-card to do this. Everything is working, except the card is not updating the color or name field as I have it configured.
large:
layout: icon_label
show_name: true
show_label: true
styles:
label:
- justify-self: left
- padding-left: 10px
- font-weight: bold
- font-size: 15px
- font: Ubuntu,sans-serif
name:
- justify-self: left
- align-self: center
- padding-left: 10px
- font-size: 12px
- color: rgba(155, 155, 155, 1)
- font: Ubuntu,sans-serif
- font-weight: bold
grid:
- grid-template-areas: '"i l" "i n" "i s"'
- grid-template-columns: 1fr 80%
- padding-left: 10px
img_cell:
- background: grey
- border-radius: 6%
- type: horizontal-stack
cards:
- type: custom:button-card
template: large
icon: mdi:lightbulb-auto
entity: input_select.basement_current_scene
triggers_update: input_select.basement_current_scene
label: Auto
name: >-
[[[ if (states["input_select.basement_current_scene"].state =
"Auto") return "Active"; else return "Off"; ]]]
tap_action:
action: call-service
service: script.basement_default_scene
data: {}
target: {}
styles:
icon:
- color: >-
[[[ if
(states["input_select.basement_current_scene"].state =
"Auto") return "rgba(243, 156, 18,1.0)"; else return
"grey"; ]]]
This is what it looks like currently. (Auto) is using button-card. The other 4 are using mushroom templates:
When a mushroom template button is pressed it should update like this:
and Auto should look like the other two.