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

I tried both solutions but it still doesn’t work.

How is it implemented in Resources?

1 Like

Very good question, thr answer solved my problem.

it was like that:
/hacsfiles/lovelace-mushroom/null?hacstag=444350375121

I changed it and it works properly
/hacsfiles/lovelace-mushroom/mushroom.js?hacstag=444350375121

LE: I managed to reproduce the same problem in a new home assistant instance.
All other plugins are installed properly via hacs. Maybe it’s the misonfig somewhere.

2 Likes

Captură de ecran din 2022-02-27 la 10.13.14

I have a problem with Cover Card.
I use Somfy RTS roller motors.
The problem with these roller motors is that they do not report the state.
They accept 4 commands:

  • UP
  • Down
  • Stop
  • Pairing

If i want to open 20% of the roller ( assuming it is closed) i press UP and after that Stop when I consider that I have reached the 20%.

My problem: when i press Up button the cover card switch state from Closed to Open and disable the button Up. After that if i want to open to 50% or 100% i have to press Down to change the state to Closed , then Stop and Up to open.
Every time I want to change roller position , I have to do something like that.
I was wondering if there was a possibility that the buttons would remain active regardless of roller position?

custom:mushroom-chips-card
chips:
  - type: conditional
    conditions:
      - entity: input_boolean.home
        state: 'on'
    chip:
      type: entity
      entity: input_boolean.home
      content_info: name
      tap_action:
        action: fire-dom-event
        browser_mod:
          command: popup
          title: Modes
          card:
            type: custom:mod-card
            style: |
              ha-card {
                 padding-right: 20px;
                 padding-left: 20px;
                 padding-bottom: 20px;     
              }
            card:
              type: vertical-stack
              cards:
                - type: custom:mushroom-title-card
                  title: '{{states(''input_select.modes'')}}'
                  subtitle: >-
                    The house is in "{{states('input_select.modes')}}" mode
                    click below to change it.
                - type: horizontal-stack
                  cards:
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.home
                      layout: vertical
                      secondary_info: last-changed
                      tap_action:
                        action: toggle
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.away
                      layout: vertical
                      secondary_info: last-changed
                      tap_action:
                        action: toggle
                      icon_color: red
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.extended_away
                      layout: vertical
                      secondary_info: last-changed
                      tap_action:
                        action: toggle
                      icon_color: purple
                - type: custom:mushroom-title-card
                  subtitle: Click below for additional modes.
                - type: grid
                  cards:
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.shabbos
                      icon_color: red
                      tap_action:
                        action: toggle
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.yom_tov
                      icon_color: red
                      tap_action:
                        action: toggle
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.guest
                      icon_color: green
                      tap_action:
                        action: toggle
                    - type: custom:mushroom-entity-card
                      entity: input_boolean.cleaning_lady
                      icon_color: purple
                      tap_action:
                        action: toggle
                  columns: 2
                  square: false
22 Likes

:+1: thanks. Looks great

I introduced code splitting with the last update to improve initial loading time. I will revert it in the next update because HACS doesn’t fully support it.

1 Like

Hello, i had the same problem with fibaro walli
Simple trick, logic but i never thinked about, was to calibrate the cover, when done, i was able to get position, and use the up button.
Hope it’s just about calibration for you

I can’t calibrate the cover because this model not reporting any state. They only receive the commands. For this reason when I press up home assistant is assuming that is fully open and the same for down.
I have same behavior with home assistant entity card.
This is a limitation of my covers and I can live with that.
My problem is that when I press up or down from mushroom cover card the buttons are immediately deactivated. I cannot press stop and same button after that.

Video example

Just wanted to show appreciation and support for this epic project :sunglasses: Keep it up

4 Likes

Is there a way to add a new line in the Title/Subtitle card?

It’s such a pity, that the cards (or at least the multi-line field in the Mush Template Card) don’t accept custom line breaks. Maybe use a Markdown Card instead?

I just added line break support in the 1.2.5 Release :rocket:
image

5 Likes

Thank you, Sir!

Nice work! Absolutely beautiful.

How did you change the font and font-size in your example?
This isn’t working for me

type: custom:mushroom-template-card
primary: |2
   {{'💧'}}   Water
entity: sensor.waterverbruik_vandaag
secondary: |
  Waterverbruik vandaag is {{ (states('sensor.waterverbruik_dit_uur'))}} liter
  Waterverbruik gisteren {{ (states('sensor.waterverbruik_gisteren'))}}  liter
multiline_secondary: true
card_mod:
  style: |
    ha-card { font-weight: '300' }

Can you share the code for the card you posted ?
Thanks.

1 Like

I used the mushroom-title-card, not the mushroom-template-card. :blush:

1 Like

OMG, simple as that :blush:

Schermafbeelding 2022-03-05 om 07.52.37

Thanks!

1 Like

How can I change the font and size of chips? as this is doing nothing for me? or do I miss something?

1 Like

The code lines above change the size of the chip card and so the font size gets automatically bigger. I couldn’t figure out how to change the font family.

hmm, see not very big changes if I change the lines mentioned…
thanks for now…

Looked in the code:

                height: var(--chip-height);
                font-size: calc(var(--chip-height) * 0.3);

so should be the way…

1 Like