# Ajout d'info dans custom button card

**URL:** <https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908>\
**Category:** Entraide Home Assistant\
**Tags:** aide\
**Created:** [Juin 18, 2025, 8:16 UTC](https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908 "2025-06-18T08:16:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lucky](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/l/e9c0ed/32.png) [@lucky](https://forum.hacf.fr/u/lucky)\
**Post date:** [Juin 18, 2025, 8:16 UTC](https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908/1 "2025-06-18T08:16:46Z")

</div>

Bonjour,

je suis en train d'essayer de réaliser une custom button card qui regrouperai toutes mes infos piscine .  
j'ai pour l'instant réussi pas mal de chose ( vu mon niveau)

![2025-06-18_09h57_29 (1) (2)](https://forum.hacf.fr/uploads/default/original/3X/6/9/69f235a3e99005933d2dde29d266a203c576487c.gif)

actuellement lors d'un appui sur le bouton , j'ouvre une carte honeycomb qui me permet de piloter la marche de la pompe , les 3 vitesses de la pompes et la lumière piscine.

```auto
show_name: true
show_icon: true
show_state: true
type: custom:button-card
state:
  - value: "off"
    color: null
  - value: "on"
    color: rgb(90,180,233)
    icon: mdi:camera-iris
    styles:
      icon:
        - animation:
            - rotating 1.0s linear infinite
      card:
        - background: radial-gradient(circle, rgb(9,20,241, 50%), rgb(9,192,241, 150%))
        - box-shadow: 0px 0px 100px rgb(11,188,236,200%)
name: pompe piscine
entity: switch.smart_switch_4_canaux_moteur_piscine_l4
tap_action:
  action: fire-dom-event
  honeycomb_menu:
    buttons:
      - icon: mdi:power
        state:
          - value: "off"
            color: red
          - value: "on"
        color_type: card
        color: green
        tap_service: call-service
        service: switch.toggle
        entity: switch.sonoff_10017b5457
      - icon: mdi:camera-iris
        state:
          - value: "off"
            color: red
          - value: "on"
        color_type: card
        color: green
        tap_service: call-service
        service: switch.toggle
        entity: switch.smart_switch_4_canaux_moteur_piscine_l4
      - icon: mdi:roman-numeral-6
        state:
          - value: "off"
            color: red
          - value: "on"
        color_type: card
        color: blue
        tap_service: call-service
        service: switch.toggle
        entity: switch.smart_switch_4_canaux_moteur_piscine_l1
      - icon: mdi:roman-numeral-7
        state:
          - value: "off"
            color: red
          - value: "on"
        color_type: card
        color: blue
        tap_service: call-service
        service: switch.toggle
        entity: switch.smart_switch_4_canaux_moteur_piscine_l2
      - icon: mdi:roman-numeral-8
        state:
          - value: "off"
            color: red
          - value: "on"
        color_type: card
        color: blue
        tap_service: call-service
        service: switch.toggle
        entity: switch.smart_switch_4_canaux_moteur_piscine_l3
      - icon: mdi:track-light
        state:
          - value: "off"
            color: rgb(239,238,155)
          - value: "on"
        color_type: card
        color: yellow
        tap_service: call-service
        service: switch.toggle
        entity: switch.smart_switch_4_canaux_lumiere_terrasse_et_piscine_l1
icon: mdi:camera-iris

```

j'ai aussi sur 2 cartes differentes divers retour d'info

- une custom boutton card qui pour l'instant double la cde honeycomb , mais me permet surtout d'avoir un retour direct de l'etat de la pompe

```auto
type: custom:button-card
state:
  - value: "off"
    icon: mdi:camera-iris
  - value: "on"
    color: rgb(90,180,233)
    icon: mdi:camera-iris
    styles:
      icon:
        - animation:
            - rotating 1.0s linear infinite
      card:
        - background: radial-gradient(circle, rgb(9,20,241, 50%), rgb(9,192,241, 150%))
        - box-shadow: 0px 0px 100px rgb(11,188,236,200%)
tap_action:
  action: toggle
entity: switch.smart_switch_4_canaux_moteur_piscine_l4
name: Pompe piscine

```

...

- une carte mushroom chips qui me permet de connaitre l'état de divers commande ( pompe a chaleur / nage a contre courant / inter marche forcée

```auto
type: custom:mushroom-chips-card
chips:
  - type: entity
    entity: binary_sensor.shelly_shellyplusi4_90380c376e34_4_switch
    content_info: name
    use_entity_picture: false
    icon_color: light-blue
    name: Pompe piscine
    icon: mdi:camera-iris
  - type: entity
    entity: binary_sensor.shelly_shellyplusi4_90380c376e34_3_switch
    content_info: name
    use_entity_picture: true
    tap_action:
      action: more-info
    name: inter marche forcée
    icon_color: primary
    icon: mdi:boom-gate-up-outline
  - type: entity
    entity: binary_sensor.shelly_shellyplusi4_90380c376e34_2_switch
    icon_color: deep-orange
    content_info: name
    name: Bouton poussoir
    icon: phu:button
  - type: entity
    entity: binary_sensor.shelly_shellyplusi4_90380c376e34_1_switch
    content_info: name
    name: PAC
    icon_color: red
    icon: mdi:air-filter
alignment: center

```

je souhaiterai avoir toutes ces infos directement afficher sur ma carte custom button card principale.et malgré de nombreuse recherche je n'arrive pas a trouver une solution correct..

des idées ?

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Juin 18, 2025, 8:23 UTC](https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908/2 "2025-06-18T08:23:24Z")

</div>

Bonjour,  
il te faut utiliser des custom\_fileds pour ajouter autant d’information que tu veux sur une carte button-card.

Des exemples de code :

> [@Aide pour création d'une carte](https://forum.hacf.fr/t/aide-pour-creation-dune-carte/56853/24):
>
> Le but est effectivement que tu comprennes le fonctionnement (d’où le fait que je mettes le code au différentes modifications : ainsi par comparaison, tu peux voir ce que donne les modifications) Le code final (?) : type: custom:button-card name: Poêle à granulés custom\_fields: etat\_poele: card: type: custom:button-card name: | [[[if (states['input\_boolean.essai\_poele'].state == 'off') return 'Off'; else return 'On'; …

> [@Bouton alarme Jablotron](https://forum.hacf.fr/t/bouton-alarme-jablotron/56189/4):
>
> Salut @Matt1, J’ai trouvé que ton besoin était relativement simple à faire et donc, plutôt que de te poster du code tout fait, j’allais te montrer comment arriver au résultat voulu sous forme de didacticiel (cela pourra éventuellement servir à d’autre). A la base, tu voudrais modifier une carte que je t’avais faite, basée sur une custom:button-card en ajoutant deux boutons à la gauche de la carte existente. Cette carte comprenait trois zones, une zone «&nbsp;Portail & Garage&nbsp;», une zone «&nbsp;Portail&nbsp;…

> [@Cards Machine a laver](https://forum.hacf.fr/t/cards-machine-a-laver/57062/30):
>
> Je vais te mettre le code commenté de façon à ce que tu comprennes le fonctionnement. Tout d’abord, c’est fait à partir de custom:button-card : [GitHub - custom-cards/button-card: sparkle Lovelace button-card for home assistant](https://github.com/custom-cards/button-card) Il faudra donc installer cette carte depuis HACS ou manuellement (tu as la procédure d’installation décrite dans le lien ci-dessus ainsi que la documentation de la carte). Je vais éditer plusieures fois ce message pour tout expliquer, donc soit patient. Les images utilisée…

Ou dans la doc de button-card

> **[GitHub - custom-cards/button-card: ❇️ Lovelace button-card for home assistant](https://github.com/custom-cards/button-card?tab=readme-ov-file#custom-fields)**
>
> ❇️ Lovelace button-card for home assistant

---

<div class="post-metadata">

**Author:** ![lucky](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/l/e9c0ed/32.png) [@lucky](https://forum.hacf.fr/u/lucky)\
**Post date:** [Juin 18, 2025, 8:51 UTC](https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908/3 "2025-06-18T08:51:09Z")

</div>

super merci

je vais regarder ( et essayer de comprendre ) tout ca.

---

<div class="post-metadata">

**Author:** ![lucky](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/l/e9c0ed/32.png) [@lucky](https://forum.hacf.fr/u/lucky)\
**Post date:** [Juin 18, 2025, 8:05 UTC](https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908/5 "2025-06-18T20:05:53Z")

</div>

merci pour les conseils et liens

encore des choses a affiner ; mais très content du résultat

![2025-06-18_21h58_51](https://forum.hacf.fr/uploads/default/original/3X/d/c/dc8c51d6970e266e093cfe543601be18d1be8fb6.gif)

---

<div class="post-metadata">

**Author:** ![system](https://forum.hacf.fr/uploads/default/original/1X/f21bfb78c8ffe5e68d8964c0a162197808faff17.png) [@system](https://forum.hacf.fr/u/system)\
**Post date:** [Août 17, 2025, 8:06 UTC](https://forum.hacf.fr/t/ajout-dinfo-dans-custom-button-card/63908/6 "2025-08-17T20:06:47Z")

</div>

A fermé ce sujet (le Août 17, 2025, 8:06 UTC)

Ce sujet a été automatiquement fermé après 60 jours. Aucune réponse n’est permise dorénavant.