tu peut avoir quelque chose de sympas comme ici en adaptant le model de @anon51798830
2 « J'aime »
Oui , je vais modifier la taille.
et essayer 2-3 trucs en plus .
Effectivement c’est impressionnant de souplesse …
Merci infiniment pour ce tutoriel perso , c’est super gentil de ta part !
Si tu as une épouse , (ou pour toi), en remerciement , je peux te faire un bon d’achat sur le site de ma femme :
Oui je vois.
Merci beaucoup à toi aussi .
Lol, ça va pas non !!! Les coups de main, c’est offert et avec plaisir sinon le forum n’aurait aucun intérêt 
1 « J'aime »
C’est avec un plaisir réciproque que je te le propose , très honnêtement.
Je comprends ce que tu veux dire, mais ça me ferait plaisir …
Un cadeau ne se refuse pas 
Bah, on va dire que le jour où je décide d’aller au Pal (pour Beauval, il faudra que je trouve d’autres personnes pour faire d’autres escales) avec madame, je m’arrêterai à Roanne et tu payeras l’apéro (léger l’apéro car je conduirai) 
1 « J'aime »
Ok comme tu veux , aucun moyen pour moi de t’envoyer -de force - le fameux bon d’achat .
Avec plaisir pour l’apéro .
Merci et bon WE
Bon a WE à toi aussi. Si tu considères que ton sujet est clos, mets le en résolu
Salut
Je ne comprends pas cette histoire de texte.
Le texte est par défaut sur la mushroom cover card
Donc il y avait juste à configurer comme il faut un template cover pour avoir le retour d’état et mettre une mushroom cover card.
Exactement ce qu’a tenté de t’expliquer @hackdiy
On va dire que au moins tu auras eu une formation sur la button_card 
Edit: c’est d’ailleurs exactement la même chose sur la carte tuile
Mushroom en haut et tuile en bas
3 « J'aime »
oui mais le retour se fait par une autre entité que celle de la carte.
Enfin c’est ce que je crois , mais bon probablement que je n’y comprends rien, ou au moins pas assez.
Mais c’est vrai que le tuto sur button card c’était parfait .
MERKI !
C’est pour ça qu’il faut au préalable créer un template cover ou tu définis l’entité qui gère le retour d’état, celle qui ouvre, celle qui ferme et celle qui fait stop si besoin.
'est le code qui t’as été proposé ici
1 « J'aime »
Je reviens sur ton post.
Juste pour y arriver , j’ai essayé de comprendre et de modifier le code de @hackdiy,
mais impossible de lui faire afficher le texte (l’état sous forme de texte)
Alors que tu sembles y arriver facilement même avec des tiles
On dirait que
value_template: >-
{% if is_state('binary_sensor.contactvoletroulantcuisine_window', 'on') %}
open
{% else %}
closed
{% endif %}
et
secondary_info: >-
{% if is_state('binary_sensor.contactvoletroulantcuisine_window', 'on') %}
Ouvert
{% else %}
Fermé
{% endif %}
n’est pas pris en compte (code template et code de la carte)
As tu créé un template cover dans ton fichier configuration.yaml ou dans un fichier cover.yaml ?
Exemple de code a adapter à tes entités
cover:
- platform: template
covers:
gvs:
device_class: shutter
friendly_name: "grandvoletsalon"
value_template: >
{% if is_state('binary_sensor.d1mini_garage_detection_etat_portail', 'on') %}
open
{% else %}
closed
{% endif %}
open_cover:
- service: switch.turn_on
target:
entity_id: switch.sonoff_1001232849
close_cover:
- service: switch.turn_on
target:
entity_id: switch.sonoff_1001232849
Ensuite seulement tu fais ta carte avec ce nouveau cover
voila le code super optimisé fonctionnel avec mon cover.template propose plus haut j’espère que madame appréciera 
tu a juste a adapter tes entités et le cover créé par template et ton binary_sensor
type: custom:mushroom-cover-card
entity: cover.porte_garage
name: Garage
layout: horizontal
fill_container: false
primary_info: name
secondary_info: state
show_position_control: false
show_buttons_control: true
card_mod:
style: |
ha-card {
background: #1C1C1C;
--primary-text-color: gold;
--card-primary-color: blue;
{% if is_state('binary_sensor.porte_garage', 'off') %}
--card-secondary-color: var(--green-color);
{% else %}
--card-secondary-color: var(--red-color);
{% endif %}
}
ha-state-icon {
{% if is_state('binary_sensor.porte_garage', 'off') %}
color: var(--green-color);
--card-mod-icon: mdi:garage-open-variant;
{% else %}
color: var(--red-color);
--card-mod-icon: mdi:garage-variant;
{% endif %}
}
Meerci , super , j’épluche le code pour comprendre .
Madame appréciera…
Pour info vous editez le code directement sur l’interface de HA , on ne voit pas le code en entier , c’est assez peu pratique je trouve.
Sinon quel éditeur tiers utilisez-vous ?
Merci encore et bonne soirée
Tu as tout à fait raison , l’éditeur intégré à l’interface de HA (UI Lovelace) montre souvent une fenêtre de code trop petite, ce qui rend difficile l’édition de cartes complexes comme avec card_mod, custom:button-card, auto-entities, etc.). mais reste très pratique pour avoir toujours un visuel sur l’avancement et les erreur du code et d’avoir la carte se transformer en direct . tu peut toujours utiliser par exemple : VS Code ou Studio Code Server , outils advanced pour n’importe quel codage et code de développement.
1 « J'aime »
Je reviens une dernière fois à la charge :
Dans le code que tu m’as donné et expliqué, l’icone principale (le volant roulant ) ne change pas .
J’aurais aimé bien entendu qu’elle represente une porte ouverte ou fermée selon l’état du volet.
Je pense que c’est cette zone qu’il faut modifier , mais la syntaxe précise m’échappe.
J’ai essayé plein de trucs, et bien cherché , y compris sur la doc , mais je n’y arrive pas.
Pourrais tu m’aider une dernière fois ?
styles:
card:
- background-color: rgba(54,54,54,1.0)
- border: 2px rgba(211,211,211,0.8) outset
- border-radius: 10px
- pointer-events: none
- width: 250px
- height: 50px
icon:
- color: |
[[[
const value = states['binary_sensor.contactvoletroulantcuisine_window'].state;
return (value === 'on') ? 'red' : 'green';
]]]
- background-color: |
[[[
const value = states['binary_sensor.contactvoletroulantcuisine_window'].state;
return (value === 'off') ? 'rgba(255,0,0,0.1)' : 'rgba(0,255,0,0.1)';
]]]
Je te fais ça demain matin. J’ai complétement oublié de le mettre dans le code.
1 « J'aime »
Raté 
Là tu veux modifier un élément et pas un attribut (styles). Il s’agit donc de faire comme pour le label.
label: |
[[[
const value = states['binary_sensor.cuisine_detecteur_d_ouverture_fenetre_cote_droit_contact'].state;
return (value === 'on') ? 'Fermé' : 'Ouvert';
]]]
C’est donc au niveau de la déclaration de l’élément qu’il faut mettre la condition :
icon: |
[[[
const value = states['binary_sensor.cuisine_detecteur_d_ouverture_fenetre_cote_droit_contact'].state;
return (value === 'on') ? 'mdi:window-shutter' : 'mdi:window-shutter-open';
]]]
1 « J'aime »
Merci,
Ca marche c’est parfait , en faisant des boulettes , on apprend !
Parallelement , j’ai aussi fouiné dans les solutions de @hackdiy et @Tochy, c’est super pour apprendre
Mais button card est assurement hyper puissant.
J’aurais une dernière question:
Mon garage a 2 portes coulissantes (droite et gauche) , ouvertes et fermées ensembles et simultanément par un shelly.
Je n’ai pas souhaité différencier les commandes avec 2 shelly , un pour chaque porte , pour simplifier mon installation.
Par contre j’ai installé 2 capteurs d’ouverture , un sur chaque porte, pour connaitre le statut réel de chacune et être prévenu d’une éventuelle intrusion.
Donc un seul shelly , 2 portes et 2 capteurs d’ouverture .
Serait-il possible avec Button-card , de faire exactement ce que l’on a fait pour mon volet roulant d’hier (ça c’est simple maintenant , je ferai l’adaptation) mais
avec en plus l’affichage des statuts des 2 portes, Gauche et Droite
Du style G:fermée D:ouverte ou G:fermée D:fermée.
Comme ci dessous , mais avec les flêches de commande en plus
Si on peut le faire à ça va être serré au niveau place, évidemment.
Merci encore et bon dimanche