Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1)

[Brian5542]

Hello,

i have a question with the nice dashboard Mushroom.

my code
‘’’
type: custom:mushroom-chips-card
chips:

• type: template
  entity: binary_sensor.porte_fenetre_etable_access_control_window_door_is_open_2
  icon: mdi:door-closed
  content: >-
  Porte fenetre Etable {{
  states(‘sensor.fibaro_door_window_sensor_2_air_temperature’) }}°
• type: entity
  entity: binary_sensor.porte_fenetre_etable_access_control_window_door_is_open_2
  icon_color: green
  name: Etable
  use_entity_picture: true
  alignment: center
  ‘’’
  

i would like add the temperature, is only with the type: template.
Is not working the window is open and the icon dont change.
With the type: entity is working is not possible include the temperature.

Have you idea for me ?

Regards

Brian

[RodgerDodger]

Stupid question? Is the sink light on?

The example template I posted above shows the badge icon if the entity is ‘on’ and doesn’t the badge if the light is ‘off’.

The code you posted works totally fine for me with my light entity ‘light.arbeitszimmer’.

light off:

light on:

Although icon_color: |- disabled is not totally correct as you only use |- if you have multiline templates it doesn’t do any harm.

So what if this code isn’t working?

[RodgerDodger]

Please use proper code tag to show what you have and what should “how to merge to card” mean?

[nsoares (Nuno)]

@RodgerDodger

esn’t do any har

yes @RodgerDodger it is on. I’ve toggle the switch several times and nothing really happens. I’ve used with a different entity light and same thing…no badge.
Do you need anything in addition to the mushroom-card add on ?

I dont get it why it’s not working…

[RodgerDodger]

Sorry, buddy, but I have no clue…except maybe one last idea…

Have you copy pasted the code into your card somewhere or were going via visual editor and are those fance new options already there? I had to delete browser cache after upgrading to the new mushroom version.

And one more last idea:

Is sthe state of your lights correctly reported in Developer Tools and have you tried with another light entity? What does the editor say if you pase in the code into a standalone manual card?

Here’S everything fine and no, mushroom-card is no add on? Have you installed the mushroom card repository correctly via HACS or manually as stated in the GitHub Repo?

[nsoares (Nuno)]

@RodgerDodger

ve you tried with another light entity? What does the editor say if you pase in the code into a standalone manual card?

Yes I did try with another entity, and I’ve check that the entity state changes. I’ve created the card manually with the “manual card”… nothing. Deleted the cache…nothing… Mushroom card was installed via HACS and apparently all works but this (that I really really needed :))

It’s one of life great mysteries

Thanks for your time !!! I’ll let you and the community know when I find out what’s wrong!

[rhysb (Rhys)]

Try like this:

type: custom:mushroom-template-card
primary: Test Light
secondary: testing badges
icon: mdi:face-man
entity: light.sink_light
badge_icon: |-
  {% if is_state(entity, 'on') %}
    mdi:lightbulb          
  {% endif %}
icon_color: disabled
badge_color: |-
  {% if is_state(entity, 'on') %}
    amber         
  {% endif %}

[Valdorama]

Now that we have icon badges:

If you’re using the Mail & Packages integration, you can use the badge to show the number of packages delivered…

        badge_icon: >
          {% if states('sensor.mail_packages_delivered')|int > 0 %} 
            {{ 'mdi:numeric-' + states('sensor.mail_packages_delivered') + '-circle' }}
          {% endif %}
        badge_color: orange

[dunner]

Love your design Sean. Can you share where you got the images from please?

Thanks!

[RodgerDodger]

Mushroom Cards - Build a beautiful dashboard easily (Part 1)

Found matching pictures for all my rooms there. Not fully ready but pretty satisfied with the overall look between comic, color and freshness. [Screenshot_20220610-215518]

[stban1983]

@nsoares

you and the community know when I find out wha

For me it’s working with:

{% if is_state('group.light', 'on') %}
  mdi:lightbulb          
{% elif is_state('group.light', 'off') %}
{% endif %}

[nightz]

It is the third Dashboard i am building. It was never so easy and intuitive. Thanks a lot for your work!

I also tried to include some cards via yaml & minimalist but i can’t get it to work. Is there a guide how to add card (e.g. the room cards are cool) to the dashboard? Thanks in advance

[rozza591]

Hey everyone,

I was wondering if anyone would know how to set up a separate device for audio control on the media card?
My current setup is an AppleTV with the HDMI audio output set to the AVR (which is it is plugged into). The card is currently set up for the AppleTV and I have had to set up a separate card below for the AVR to control the audio level. When I use the audio controls on the AppleTV card I receive the following error: ‘Failed to call service media_player/volumeset’. I have tried to define a second device in the code of the card itself but I only receive errors so I’m presuming I would need to edit the YAML for that card but I can’t seem to find it. Any help would be appreciated.

[amfadten]

thank u for your interest i found the solution in valdorama post but how to increase font size in icon badges

[piitaya (Paul)]

Maybe you can create a media player which combines your 2 media player into one : Universal Media Player - Home Assistant ?
The cards are just a reflect on the HA entities. Front-end must not solve integration issues.

[rozza591]

Awesome, that looks like a good solution. As long as I can link that back to the mushroom media card that should work great.

[nsoares (Nuno)]

@RodgerDodger got it !! Today I got an update to version Mushroom cards 1.10.0.
Wasn’t available in HACS since today. All is working with your code. Thanks for the time and support!

[RodgerDodger]

Glad to hear that and you’re welcome!

That you haven’t already installed the needed update wasn’t on my possible-bug-list.

[Brian5542]

Hello

is possible use the mushroom chips card with type template and the entity binary sensor door?
Because the door is open but the icon dont change.
I have create another with the chips card with type entity binary sensor door is working.

[nsoares (Nuno)]

@RodgerDodger do you know if there away to have an image instead of an icon in the mushroom-template-card ?