Thanks, I understand.
For some reason it doesnāt show any temperature, even though the information is available in the stateā¦
Iām not sure why this is. Is there a workaround? maybe with a template?
Ok I got it now. Some devices do not show hvac_action instead they have hvac_modes. You have to create template sensor to display and use hvac modes.
My configuration sample is as follows :
- platform: template
sensors:
kaira_ac:
value_template: "{{ states('climate.146235046506144_climate') }}"
Your thermostat is probably showing heat in the state tab. With this template sensor you can now display hvac modes in your cards or where ever you use it. Just add the above configuration to your config settings (configuration.yaml or sensor.yaml) @tmen79
Hello
I like a lot your cards.
Is posible in the person card use filters when use the icon type the entity picture for the states home or not home???
Something like this:
state_filter:
home: grayscale(0%)
not_home: grayscale(100%)
How can I do it if itās posible??? Iām new here.
Thanks in advance and sorry for my English.
Love the new Climate Card. Iāve already replaced the Simple Thermostat Card in the popup for my electric smoker. So clean! Love It!
1 Like
For some reason, Iām not seeing the new Climate card pop up when I search for mush* after updating to 2.1.1? Anyone else seeing this issue?
Here you go. This is my combo Mushroom Mini-Media-Player card:
type: custom:stack-in-card
cards:
- type: custom:mushroom-media-player-card
entity: media_player.office_echo
name: Echo
icon: si:amazonalexa
use_media_artwork: false
fill_container: false
use_media_info: true
show_volume_level: false
media_controls:
- previous
- play_pause_stop
- next
collapsible_controls: true
tap_action:
action: toggle
card_mod:
style: |
ha-card {
padding-bottom: 0px !important;
}
- entity: media_player.office_echo
hide:
icon: true
name: true
runtime: true
source: true
power: true
state_label: true
volume: true
info: true
progress: true
controls: true
more_info: false
tts:
platform: alexa
type: custom:mini-media-player
toggle_power: false
group: true
card_mod:
style: |
ha-card {
padding: 10px 8px 8px !important;
}
card_mod:
style: |
ha-card {
{% if not is_state('media_player.office_echo', 'standby') %}
background: rgba(var(--rgb-card-background-color), 0.5) url( '{{ state_attr( "media_player.office_echo", "entity_picture" ) }}' ) center no-repeat;
background-size: cover;
background-blend-mode: overlay;
{% endif %}
}
13 Likes
Can we color the text in secondary information in a template card?
I would just like āLOWā to be in red.
{% if is_state("binary_sensor.water_fountain_water_level", "on") %}
Water level LOW
{% elif is_state("binary_sensor.water_fountain_water_level", "off") %}
Water level ok
{% endif %}
You could do something with card-mod, but a cleaner approach IMO would to be to utilize the icon color and badges.
perfect. I didnt see the badge, as my heaters were not firing. once i updated the temp, its working nicely. thanks
Thank you! That helps me a lot. Got it working now.
trying to get this working but struggling
i have a custom button card the code is
- type: custom:button-card
name: >
<ha-icon icon="mdi:shield-lock-outline"></ha-icon>WEATHER
tap_action:
!include popup/weather.yaml
template: footer
so when you tap/click the weather button the card should pop up but it doesnt, on click does nothing when using this code
type: vertical-stackcards:
- type: custom:mushroom-chips-card
chips:
- type: menu
- type: weather
entity: weather.lille
show_conditions: true
show_temperature: true
- type: entity
entity: light.kitchen_lights
icon_color: orange
icon: mdi:ceiling-light
- type: entity
entity: alarm_control_panel.alarm_panel_1
icon_color: blue-grey
icon: mdi:shield-half-full
- type: grid
cards:
- type: custom:mushroom-person-card
entity: person.anne_therese
use_entity_picture: true
vertical: true
- type: custom:mushroom-person-card
entity: device_tracker.demo_paulus
vertical: true
- type: custom:mushroom-entity-card
entity: binary_sensor.updater
vertical: true
square: false
columns: 3
- type: grid
title: Lights
cards:
- type: custom:mushroom-light-card
entity: light.kitchen_lights
icon: mdi:ceiling-light-multiple
show_brightness_control: true
- type: custom:mushroom-light-card
entity: light.bed_light
icon: mdi:lamps
show_color_temp_control: true
columns: 2
square: false
- type: grid
title: Devices
cards:
- type: custom:mushroom-fan-card
entity: fan.living_room_fan
show_percentage_control: true
show_oscillate_control: true
- type: custom:mushroom-alarm-control-panel-card
entity: alarm_control_panel.alarm_panel_1
states:
- armed_home
- armed_away
name: Alarm
- type: custom:mushroom-entity-card
entity: switch.ac
icon: mdi:light-switch
name: Switch
- type: custom:mushroom-entity-card
entity: sensor.power_consumption
icon_color: purple
icon: mdi:transmission-tower
columns: 2
square: false
but when i use this code works fineā¦
action: fire-dom-event
browser_mod:
command: popup
title: Weather
style:
hui-vertical-stack-card:
$hui-entities-card$ : |
#states {
padding-top: 0.5em;
padding-bottom: 0em;
}
card:
type: vertical-stack
cards:
- type: custom:weather-card
entity: weather.openweathermap
icons: "/local/icons/"
current: true
details: false
forecast: true
hourly_forecast: false
number_of_forecasts: 5
any ideas on what the problem maybe?
ok i think i got it working
Now when i tap āvelux buttonā i get a popup with the following
The code im using is
action: fire-dom-event
browser_mod:
command: popup
title: Velux Windows & Blinds
style:
hui-vertical-stack-card:
$hui-entities-card$ : |
#states {
padding-top: 0.5em;
padding-bottom: 0em;
}
card:
type: vertical-stack
cards:
- type: custom:mushroom-entity-card
entity: cover.velux_window_3
fullscreen: true
show_position_control: true
show_buttons_control: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-entity-card
entity: cover.velux_window_2
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-entity-card
entity: cover.velux_window
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
How do i add to the above screenshot sliders / position / etc so the buttons are more functional ?
2 Likes
Does someone know if this can be done with a mushroom card?
On the right you see me doing animation with custom button card. With the mushroom on the left I have no idea to get this effect. Feature request or am I already able to do it with mushroom cards?
Code for custom button card: Redirecting...
Iām trying to get the Chips cards to work with the swipe-card in a specific way.
Basically I have a couple of chips on the top of my dashboard with (mostly) counters: numbers of doors open, windows open, covers open, etc. These chips are conditional to only show when count > 0.
Issue is that when a lot of Chips are shown, they drop down to the next line, which is not aesthetically pleasing.
To remedy this, I wrapped the whole horizontal stack of Chips in a swipe-card and this works well: instead of dropping to the next line, the chips continue āoff-screenā and can be seen when swiping to the left. The issue here is however that when I release the container, it snaps back to the start. I would like it to keep the position where it is released. Similar to how itās shown here: https://swiperjs.com/demos (right below ā Premium Swiper templates & plugins from UI Initiative).
Does anyone know what parameters of the swipe card to use in order to achieve this?
This is the current YAML:
type: custom:swipe-card
parameters:
width: 1000
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: menu
- type: alarm-control-panel
entity: alarm_control_panel.ha_alarm
content_info: name
tap_action:
action: fire-dom-event
browser_mod:
command: popup
deviceID: this
title: Alarm
card:
type: custom:mushroom-alarm-control-panel-card
entity: alarm_control_panel.ha_alarm
name: Thuis
layout: vertical
states:
- armed_away
- type: conditional
conditions:
- entity: sensor.count_lights_on
state_not: '0'
chip:
type: entity
entity: sensor.count_lights_on
icon_color: amber
icon: mdi:lightbulb
tap_action:
action: navigate
navigation_path: lampen
- type: conditional
conditions:
- entity: sensor.count_active_climate
state_not: '0'
chip:
type: entity
entity: sensor.count_active_climate
icon_color: deep-orange
icon: mdi:radiator
tap_action:
action: navigate
navigation_path: verwarming
use_entity_picture: true
- type: conditional
conditions:
- entity: sensor.count_windows_open
state_not: '0'
chip:
type: entity
entity: sensor.count_windows_open
icon_color: red
icon: mdi:window-open-variant
tap_action:
action: navigate
navigation_path: ramen
- type: conditional
conditions:
- entity: sensor.count_doors_open
state_not: '0'
chip:
type: entity
entity: sensor.count_doors_open
icon_color: green
icon: mdi:door-open
tap_action:
action: navigate
navigation_path: deuren
use_entity_picture: true
- type: conditional
conditions:
- entity: sensor.count_covers_down
state_not: '0'
chip:
type: entity
entity: sensor.count_covers_down
icon_color: purple
icon: mdi:window-shutter
tap_action:
action: navigate
navigation_path: zonneschermen
- type: conditional
conditions:
- entity: sensor.count_fans_on
state_not: '0'
chip:
type: entity
entity: sensor.count_fans_on
icon_color: lime
icon: mdi:fan
tap_action:
action: navigate
navigation_path: ventilatie
- type: conditional
conditions:
- entity: sensor.count_media_active
state_not: '0'
chip:
type: entity
entity: sensor.count_media_active
icon_color: indigo
icon: mdi:cast-connected
tap_action:
action: navigate
navigation_path: mediaspelers
- type: conditional
conditions:
- entity: sensor.count_motion_detected
state_not: '0'
chip:
type: entity
entity: sensor.count_motion_detected
icon_color: light-blue
icon: mdi:motion-sensor
tap_action:
action: navigate
navigation_path: beweging
alignment: start
4 Likes
Hi @piitaya
First of all many thanks for all your hard work on the Mushroom cards. Itās absolutely fabulous.
Would it be a good idea to also show an āidle badgeā in the above example when the HVAC action is idle? In that case you always know that the entity has a HVAC action and the actual state of the action.
Climate entities without HVAC action will just show the colored icon without the use of badges as there is no HVAC Action available. For example the icon will be colored red when itās actually heating but there will be no badge (as there is no HVAC action).
So this means this would be the same visual apperance as a climate entity where the HVAC mode is heat and the HVAC action is idle. Which means itās actually not heating.
1 Like
Could this be used for Amazon polly? I canāt seem to get it to work replacing alexa with the service below.
tts.amazon_polly_say
amazon_polly_say
Hello,
I did it with cover 
type: custom:stack-in-card
cards:
- type: custom:layout-card
layout_type: grid
layout:
grid-template-rows: 25px
grid-template-areas: |
"entity menu"
cards:
- type: custom:mushroom-cover-card
entity: cover.volet_amis_prop
fill_container: true
show_position_control: true
show_buttons_control: false
icon_type: entity-picture
view_layout:
grid-area: entity
grid-column-start: 1
grid-column-end: 3
- type: custom:mushroom-chips-card
alignment: end
view_layout:
grid-area: menu
card_mod:
style: |
ha-card {
background-color: transparent !important;
margin-top: 10px;
margin-right: 5px;
text-align: right;
box-shadow: none !important;
}
chips:
- type: entity
entity: input_select.mode_volet_amis
4 Likes
Thanks. But not sure how I would make that work. I donāt know how to get to the media source select to use it.
Hi all - really stoked to see the update land recently that included mushroom climate cards, theyāre very aesthetically pleasing!
I was previously using āsimple-thermostatā card to control our home climate system and I much prefer the look of the mushroom card.
Iām missing a few functionality pieces that I liked from my old setup, and wondering if thereās a way to include these.
My A/C includes state attributes for the temperature in-duct and the target zone for climate control. The system uses one A/C unit and variable zones control target temperatures in each room. Is there a way to include these state attributes in the secondary information, or alternatively, to support templates?
The other feature is support for fan speeds (ideally collapsible when the system is on/off).
Have attached lovelace screenshots of simple-thermostat and mushroom cards.
And actually, I can get to it by clicking the media icon on the left. I was just hoping to get one click select.