hackdiy
Septembre 5, 2025, 11:18
141
Voila le résultat avec exemple card-mod :
type: entities
entities:
- entity: cover.terrasse
secondary_info: last-changed
- entity: cover.terrasse
type: custom:slider-entity-row
step: 5
min: 0
max: 100
grow: true
full_row: true
# ... tes autres entités ici
card_mod:
style: |
ha-card {
border: 1px solid var(--primary-color);
border-radius: 10px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
padding: 16px;
}
ici avec une entité repliable (fold-entity-row) chaque volet avec son slider , un design encore plus propre.
type: entities
entities:
- type: custom:fold-entity-row
head:
entity: cover.terrasse
secondary_info: last-changed
entities:
- entity: cover.terrasse
type: custom:slider-entity-row
step: 5
min: 0
max: 100
grow: true
full_row: true
# ... tes autres entités ici
la première version fonctionne sur la page en mode maconnerie, mais pas en mode sections…
Suis pas sorti de l’auberge…..
Va falloir que je potasse du tout ca
hackdiy
Septembre 5, 2025, 1:27
143
Logiquement une carte s’adapte plus au moins , peut importe le mode de la mise en page, suivant le support certaines cartes ne s’affichent pas correctement .
Bon je change de fusil d’épauleJe pars sur une mushroom template. Comme j’ai 10 volets je fais une vertical card.J’aimerai que l’icone change de couleur en fonction de la position mais cela ne semble pas fonctionner. Je sais meme pas si c’est possible….
Une idee?
Merci
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-cover-card
entity: cover.salle_a_manger
layout: horizontal
show_position_control: true
show_buttons_control: true
fill_container: false
icon_color: >
{% if is_state('cover.salle_a_manger', 'closed') %}
green
{% elif is_state('cover.salle_a_manger', 'open') and
state_attr('cover.salle_a_manger', 'current_position') == 100 %}
blue
{% elif is_state('cover.salle_a_manger', 'open') and
state_attr('cover.salle_a_manger', 'current_position') > 0 %}
yellow
{% elif is_state('cover.salle_a_manger', 'opening') or
is_state('cover.salle_a_manger', 'closing') %}
orange
{% else %}
yellow
{% endif %}