# Entity Card Mushroom

**URL:** <https://forum.hacf.fr/t/entity-card-mushroom/23625>\
**Category:** Entraide Home Assistant\
**Created:** [Mai 6, 2023, 9:16 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625 "2023-05-06T21:16:50Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon42257676](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/a/e495f1/32.png) [@anon42257676](https://forum.hacf.fr/u/anon42257676)\
**Post date:** [Mai 6, 2023, 9:16 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/1 "2023-05-06T21:16:50Z")

</div>

Bonjour,

Je n’arrive pas à reproduire cette carte avec Mushroom :

```auto
type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: switch.sonos_alarm
        name: État du Réveil
      - entity: input_datetime.reveil
        name: Heure du Réveil

```

Une idée ou cela n’est pas possible ?

Merci d’avance

---

<div class="post-metadata">

**Author:** ![Herbs](https://forum.hacf.fr/user_avatar/forum.hacf.fr/herbs/32/8029_2.png) [@Herbs](https://forum.hacf.fr/u/Herbs)\
**Post date:** [Mai 6, 2023, 9:59 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/2 "2023-05-06T21:59:38Z")

</div>

Salut @anon42257676

Sans tricher un peu, je ne crois pas que ce soit possible.

Si c'est bien ce genre de résultat que tu cherches à obtenir :

 ![image](https://forum.hacf.fr/uploads/default/original/3X/9/5/954e720667f4d27c6fbb7adb5dd6fd41e70f00c8.png)

Tu peux le faire avec ça :

```auto
type: custom:mod-card
style:
  .: |
    ha-card {
      background: var( --ha-card-background, var(--card-background-color, white) );
      box-shadow: var(--ha-card-box-shadow, none);
      border-radius: var(--ha-card-border-radius, 12px);
      border-width: var(--ha-card-border-width, 1px);
      border-style: solid;
      border-color: var( --ha-card-border-color, var(--divider-color, #e0e0e0) );
    }
card:
  type: vertical-stack
  cards:
    - type: custom:mushroom-entity-card
      entity: binary_sensor.drs_bureau
      card_mod:
        style: |
          ha-card {
            border: none;
          }      
    - type: custom:mushroom-entity-card
      entity: binary_sensor.drs_salle
      card_mod:
        style: |
          ha-card {
            border: none;
          }      

```

Faudra peut-être adapter à ton thème.

---

<div class="post-metadata">

**Author:** ![anon42257676](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/a/e495f1/32.png) [@anon42257676](https://forum.hacf.fr/u/anon42257676)\
**Post date:** [Mai 7, 2023, 8:41 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/3 "2023-05-07T08:41:15Z")

</div>

Ton code ne fonctionne pas chez moi.

Je cherche à refaire ça :

 ![Capture d’écran 2023-05-07 à 10.38.51](https://forum.hacf.fr/uploads/default/original/3X/8/c/8c33b139de5695d63fdde736107f9290ac323c60.png)

Ce qui est pratique c'est de pouvoir modifier l'heure en un seul clic.

---

<div class="post-metadata">

**Author:** ![Herbs](https://forum.hacf.fr/user_avatar/forum.hacf.fr/herbs/32/8029_2.png) [@Herbs](https://forum.hacf.fr/u/Herbs)\
**Post date:** [Mai 7, 2023, 9:03 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/4 "2023-05-07T09:03:08Z")

</div>

Bon je vois rien d’équivalent côté mushroom pour les input\_datetime 😕

Et pour les switch tu peux définir les contrôles «&nbsp;appui court&nbsp;», «&nbsp;appui long&nbsp;» mais tu n’aura pas le «&nbsp;switch&nbsp;» de droite.

Sauf à faire une usine à gaz… bref à moins que quelqu’un d’autre ait une idée ???

---

<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:** [Mai 7, 2023, 9:04 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/5 "2023-05-07T09:04:53Z")

</div>

J’allais dire pareille, pas possible avec mushroom de faire identique…

---

<div class="post-metadata">

**Author:** ![anon42257676](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/a/e495f1/32.png) [@anon42257676](https://forum.hacf.fr/u/anon42257676)\
**Post date:** [Mai 7, 2023, 10:48 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/6 "2023-05-07T10:48:06Z")

</div>

Pour le bouton effectivement je vais le gérer avec l’appui court/long.

Mon problème c’est vraiment avec l’input\_datetime 🙃

---

<div class="post-metadata">

**Author:** ![Herbs](https://forum.hacf.fr/user_avatar/forum.hacf.fr/herbs/32/8029_2.png) [@Herbs](https://forum.hacf.fr/u/Herbs)\
**Post date:** [Mai 7, 2023, 11:29 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/7 "2023-05-07T11:29:47Z")

</div>

Bon c'est pas "ouf " niveau code je trouve, mais en poussant encore plus le mode "triche" :

 ![image](https://forum.hacf.fr/uploads/default/original/3X/8/3/83c1456014c7c1b94fa7b71772fa79cf1782d1cf.png)

```auto
type: custom:mod-card
style:
  .: |
    ha-card {
      background: var( --ha-card-background, var(--card-background-color, white) );
      box-shadow: var(--ha-card-box-shadow, none);
      border-radius: var(--ha-card-border-radius, 12px);
      border-width: var(--ha-card-border-width, 1px);
      border-style: solid;
      border-color: var( --ha-card-border-color, var(--divider-color, #e0e0e0) );
    }
card:
  type: vertical-stack
  cards:
    - type: custom:mushroom-entity-card
      entity: switch.sw_lampe_salon
      name: Lampe salon
      tap_action:
        action: call-service
        service: switch.toggle
        target:
          entity_id: switch.sw_lampe_salon
      card_mod:
        style: |
          ha-card {
            border: none;
          }      
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-entity-card
          entity: input_datetime.test
          secondary_info: none
          fill_container: true
          card_mod:
            style: |
              ha-card {
                border: none;
              }            
        - type: entities
          entities:
            - entity: input_datetime.test
              card_mod:
                style:
                  hui-generic-entity-row:
                    $: |
                      .info.pointer.text-content {
                        color: transparent;
                      }                       
                    .: |
                      :host {
                        --paper-item-icon-color: transparent;
                      }
          card_mod:
            style: |
              ha-card {
                border: none !important;
              }                                
                                                     

```

---

<div class="post-metadata">

**Author:** ![anon42257676](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/a/e495f1/32.png) [@anon42257676](https://forum.hacf.fr/u/anon42257676)\
**Post date:** [Mai 7, 2023, 3:31 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/8 "2023-05-07T15:31:47Z")

</div>

Merci beaucoup, c’est pas mal niveau esthétique !

---

<div class="post-metadata">

**Author:** ![Jrmysmallstep](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jrmysmallstep/32/36771_2.png) [@Jrmysmallstep](https://forum.hacf.fr/u/Jrmysmallstep)\
**Post date:** [Octobre 13, 2023, 7:17 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/9 "2023-10-13T07:17:55Z")

</div>

Bonjour

Petite question j'utilise les carte Mushroom  
Mon seche linge étant connecté je peux récupérer des informations, statut, étape de lavage, fin de lavage.  
sur l'intentity card je récupere bien l'info "Fin dans ...min"  
mais sur la custom card je n'arrive pas avoir le decompte ca m'affiche la date de fin.

 ![Capture d’écran 2023-10-13 à 09.14.48](https://forum.hacf.fr/uploads/default/original/3X/0/b/0b2133b7cf8e296a80276c367d612972255dc33e.png)

une idée ?  
merci

---

<div class="post-metadata">

**Author:** ![cocof](https://forum.hacf.fr/user_avatar/forum.hacf.fr/cocof/32/20416_2.png) [@cocof](https://forum.hacf.fr/u/cocof)\
**Post date:** [Mai 18, 2024, 1:50 UTC](https://forum.hacf.fr/t/entity-card-mushroom/23625/10 "2024-05-18T13:50:47Z")

</div>

bonjour tu as trouvé une solution ?
