After upgrading to 2022.4.2 no more issueā¦
That looks cool. What card did you use to create it ?
What is working?
And now the Vacuum Card with the 1.5.0 Mushroom version ! 
Some commands are supported :
- Start/Pause
- Stop
- Locate
- Clean spot
- Return home
PS, the climate and media player cards are in development but we donāt have availability date to communicate 
15 Likes
Will.you also create fan card with speed mode option: low,medium and high?
2 Likes
Fan and climate presets will come in a future release after the climate and media player card.
Climate card will support hvac and temperature to start.
3 Likes
I know itās getting a bit off topic but inspired by this Iāve tried to make a layout grid card with this yaml
type: custom:layout-card
layout_type: grid
layout:
grid-template-columns: 3fr 1fr 1fr
width: 100%
margin: 0px
padding: 0px
cards:
Here it is as the second row. Above is using a horizontal stack card and some card_mod css to change position and width percentages. The grid card has extra padding which i cant get rid of - do you know if thereās a way around it?
Is this another HACS card I need or should it be in the same dashboardā¦
Custom element doesnāt exist: mod-card.
type: custom:mod-card
style: |
ha-card {
padding-right: 25%;
padding-left: 25%;
}
card:
type: custom:mushroom-light-card
entity: light.office
This is the current card
type: vertical-stack
cards:
- square: false
columns: 2
type: grid
title: Office Lights
cards:- type: custom:mushroom-light-card
icon: mdi:lamps
show_brightness_control: true
show_color_temp_control: true
show_color_control: false
use_light_color: false
entity: light.office_lights
name: Office Desk - All - type: custom:mushroom-light-card
entity: light.office_desk_right
icon: mdi:lamps
show_color_temp_control: true
show_brightness_control: true
name: Office Desk - Right - type: custom:mushroom-light-card
entity: light.office_desk_left
icon: mdi:lamps
show_brightness_control: true
show_color_temp_control: true
show_color_control: false
use_light_color: false
name: Office Desk - Left - type: custom:mushroom-light-card
entity: light.office_back
icon: mdi:lamps
show_brightness_control: true
show_color_temp_control: true
show_color_control: false
use_light_color: false
name: Office - Main Light - type: custom:mushroom-light-card
icon: mdi:lamps
show_brightness_control: true
show_color_temp_control: true
show_color_control: false
use_light_color: false
name: Office - Main Light
- type: custom:mushroom-light-card
Sorry, I;m not so good 
Currently trying to migrate my vacuum card, i have to find a way to make each card inside smalller, but I will get there 
1 Like
As this is based on minimal UI work, whatās the relationship to custom cards in minimal UI coming across to this repo?
Thanks for your hard and impressive work with this!
I have updated but cant see a vacuum card 
might be a dumb question, but can someone show me how to use templates within a Mushroom entity card??
Heres an example of template card that i use for my thermostats now.
type: custom:mushroom-template-card
icon: mdi:thermostat
icon_color: |-
{% set state=states(entity) %}
{% if state=='cool' %}
blue
{% elif state=='heat' %}
red
{% else %}
grey
{% endif %}
tap_action:
action: more-info
layout: horizontal
multiline_secondary: false
secondary: |
Set Ā· {{ states(entity) }} Ā· {{state_attr(entity, 'temperature')}}Ā°
primary: >-
{{state_attr(entity, 'current_temperature')}}Ā° Ā· {{state_attr(entity,
'friendly_name')}}
entity: climate.living_room
2 Likes
Has anyone found a way to align the title card to the right? I have a horizontal stack looking like this:
Would like the temperature to be aligned to the right.
I think it became available today. I combined with vertical-stack-in-card, conditional, blank-card and valetudo-map-card cards for my tweaked roborock to get this:
What do you guys think?
@piitaya Thank you so much for this project, keep up the good work!
5 Likes
This is great!!! Thanks for the vacuum!! Canāt wait for the last bit for my setup 
which is media card! Also canāt wait to see what the future brings from you
Am I the only one having a problem with the vacuum card displaying the buttons? Mine will only show the stop button even though play/pause, stop and home are all available in More Info. Tjis is a Tuya based vacuum.
can you share youre code. looks great!
Here it is. Copied from Raw Configuration Editor. One thing is worth mentioning: In the last row Iām using conditional cards, so until no room is selected, The āStartā card should be invisible. To keep the āSpeedā card always at the size, I added the same conditional card as the previous one, but with the inverted condition, so until the āStartā button is invisible, a blank card keeps its place.
- theme: Backend-selected
icon: mdi:robot-vacuum
title: Roborock
path: roborock
badges: []
cards:
- type: custom:mushroom-title-card
title: 'Roborock Settings:'
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-vacuum-card
entity: vacuum.valetudo_roborock
commands:
- start_pause
- stop
- return_home
- clean_spot
- locate
name: ' '
- type: custom:valetudo-map-card
vacuum: valetudo_roborock
title: null
show_status: false
show_battery_level: false
show_start_button: false
show_stop_button: false
show_pause_button: false
show_home_button: false
show_locate_button: false
rotate: 2
map_scale: 1.5
crop:
top: 0
bottom: 0
left: 3
right: 27
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_entryway
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_kitchen
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_dining
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_bedroom
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_office
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_living_room
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: custom:mushroom-entity-card
entity: input_boolean.vacuum_bathroom
layout: vertical
secondary_info: name
tap_action:
action: toggle
icon_color: light-green
primary_info: none
- type: horizontal-stack
cards:
- type: custom:mushroom-entity-card
entity: input_select.vacuum_speed
name: Speed
- type: conditional
conditions:
- entity: group.vacuum_rooms
state: 'off'
card:
type: custom:button-card
color_type: blank-card
- type: conditional
conditions:
- entity: group.vacuum_rooms
state: 'on'
card:
type: custom:mushroom-template-card
entity: script.vacuum_clean_segments
icon: mdi:robot-vacuum
icon_color: deep-orange
secondary: >-
{% if is_state('vacuum.valetudo_roborock', 'docked') %} {%
if is_state('group.vacuum_rooms', 'on') %} Ready to start {%
endif %} {% else %} {{states('vacuum.valetudo_roborock')
}}... {% endif %}
layout: horizontal
5 Likes
