Bonjour,
Je commence à bricoler avec les button-card etc pour mon dashboard, en lisant pas mal de post ici et ailleurs mais il y a des trucs que je n’arrive pas à faire.
Voilà une carte de dashboard, j’ai 2 chose que je voudrai faire :
- la première serait que le fond du titre soit de couleur et l’alignement à gauche… Mais tout ce que j’essaie ne fonctionne pas !
- la seconde se serait que les chips soit sur la meme ligne que le titre et alignée à partir de la droite ! et la je suis perdu…
Voilà le code que j’utilise :
type: custom:stack-in-card
Vertical: true
cards:
- type: custom:button-card
name: Salle et Salon
styles:
card:
- height: 12px
- background-color: green
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: entity
entity: light.grp_lampes_salle_salon
icon_color: amber
use_entity_picture: true
content_info: none
tap_action:
action: toggle
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: cover.grp_volets_sallesalon
icon_color: amber
use_entity_picture: false
content_info: none
tap_action:
action: toggle
- type: horizontal-stack
cards:
- type: custom:button-card
entity: light.lampe_bar
label: Bar
show_label: true
show_state: true
show_name: false
color: rgb(66, 134, 244)
icon: mdi:lamp
styles:
label:
- font-size: 12px
state:
- font-size: 10px
icon:
- color: |
[[[
if (entity.state == 'on') return 'green';
if (entity.state == 'off') return 'lightGrey';
]]]
- type: custom:button-card
entity: light.lampe_salon
label: Spot
show_name: false
show_label: true
show_state: true
color: rgb(66, 134, 244)
icon: mdi:spotlight
styles:
label:
- font-size: 12px
state:
- font-size: 10px
icon:
- color: |
[[[
if (entity.state == 'on') return 'green';
if (entity.state == 'off') return 'lightGrey';
]]]
- type: custom:button-card
entity: light.lampe_salon_meuble
label: Meuble
show_name: false
show_label: true
show_state: true
color: rgb(66, 134, 244)
icon: mdi:desk-lamp
styles:
label:
- font-size: 12px
state:
- font-size: 10px
icon:
- color: |
[[[
if (entity.state == 'on') return 'green';
if (entity.state == 'off') return 'lightGrey';
]]]
- type: custom:button-card
entity: light.lampe_salle
label: Salle
show_name: false
show_label: true
show_state: true
color: rgb(66, 134, 244)
icon: mdi:lamp
styles:
label:
- font-size: 12px
state:
- font-size: 10px
icon:
- color: |
[[[
if (entity.state == 'on') return 'green';
if (entity.state == 'off') return 'lightGrey';
]]]
- type: custom:button-card
entity: switch.prise_bar
label: Prise Bar
show_name: false
show_label: true
show_state: true
color: rgb(66, 134, 244)
icon: mdi:power-plug
styles:
label:
- font-size: 12px
state:
- font-size: 10px
icon:
- color: |
[[[
if (entity.state == 'on') return 'green';
if (entity.state == 'off') return 'lightGrey';
]]]