@josbg
Das ist ein vertical stack.
Beim Bild kannst du entweder über "bedingte Elemte" 3 Karten mit dem entsprechenden Bild anlegen und nur bei einem bestimmten State vom nuci anzeigen oder du nimmst eine picture-entity und weißt da jedem Status ein Bild zu.
Ich hab bei meiner Garage die zweite Variante gewählt.
Anstatt den normalen vertical stack hab ich noch die custom-vertical-stack installiert, dort kann man die Rahmen ausblenden.
Das ist meine Garage
Screenshot_20230330_164603_Fully Kiosk Browser.jpg
Das der Code dazu
type: custom:stack-in-card
mode: vertical
keep:
box_shadow: false
margin: false
border_radius: true
outer_padding: true
cards:
- type: horizontal-stack
cards:
- type: picture-entity
entity: binary_sensor.Sensor_Garage
show_name: false
show_state: false
state_image:
'on': /cards/garage_auf.png
'off': /cards/garage_zu.png
- type: vertical-stack
cards:
- type: markdown
content: '---'
- type: vertical-stack
cards:
- type: entity-button
entity: switch.Antrieb_Garage
tap_action:
action: toggle
hold_action:
action: more-info
show_icon: false
show_name: true
name: Garage betätigen
Die 3 unteren Buttons sind in einem vertical stack.
Dann einfach das icon bzw den Text deaktivieren.
Das ist der Code vom Vorschlag oben:
type: vertical-stack
cards:
- type: picture
tap_action:
action: none
hold_action:
action: none
image: /cards/garage_auf.png
- type: horizontal-stack
cards:
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.alarm_ausgeloest
name: Auf
icon_height: 20px
icon: mdi:key-chain
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.alarm_ausgeloest
name: Zu
icon_height: 20px
icon: mdi:account-key-outline
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.alarm_ausgeloest
name: Öffnen
icon_height: 20px
icon: mdi:account-key
3 Sachen auf ein Objekt geht mit Glück wenn der dp entsprechend angelegt ist vom nuci über ein dropdown. Ist nur nicht schön in der Bedienung finde ich.