Thank you very much. Youāve been a great helpā¦ both examples are informative and should be helpful down the road.
Rami
1 Like
That removed both borders, the mushroom cards and horizontal stack card column borders.
I would prefer just the mushroom horizontal column card borders be removed. The way the mushroom card borders were before was fine. Essentially removing the border of the stack-in-card only.
Hm for some reason I am unable to get that to work. I tried doing it at the mushroom card level and at the stack in card level.
I tried this piece
card_mod:
style:
mushroom-state-info$: |
* {
text-align: center;
}
type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:auto-entities
card:
type: entities
filter:
include:
- area: Temperature Sensors
entity_id: /[te]mperature/
options:
type: custom:mushroom-template-card
primary: '{{ states[entity].name }}'
secondary: '{{ states(entity) | title }}'
picture: null
hold_action:
action: toggle
double_tap_action:
action: more-info
layout: null
tap_action:
action: none
card_mod:
style: |
mushroom-shape-icon {
--shape-color: none !important;
--shape-color-disabled: none !important;
}
ha-card {
background: transparent;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
--icon-border-radius: 0;
}
mushroom-state-info$: |
.primary {
text-align: center;
}
exclude: []
- type: custom:auto-entities
card:
type: entities
filter:
include:
- area: Temperature Sensors
entity_id: /[hu]midity/
options:
type: custom:mushroom-template-card
primary: '{{ states[entity].name }}'
secondary: '{{ states(entity) | title }}'
picture: null
hold_action:
action: toggle
double_tap_action:
action: more-info
layout: null
tap_action:
action: none
card_mod:
style: |
mushroom-shape-icon {
--shape-color: none !important;
--shape-color-disabled: none !important;
}
ha-card {
background: transparent;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
--icon-border-radius: 0;
}
exclude: []
card_mod:
style: |
ha-card {
background: transparent;
--ha-card-box-shadow: none;
}
I want to recreate what you are doing. Can you show us also the code of youāre automation.plug_2_uit . I donāt how I could do this.
Wonder why the official mushroom card project has slowed down on development recently. I canāt remember the last time I saw an update in HACs and thereās some really good suggestions in here with animated icons and new cards that would be great to see included. Perhaps since the original creator joined nabu thereās no time, or ā¦ itās being built in to replace the pants out the box theming!
2 Likes
When I use this it doesnāt work.
secondary: >-
Currently :
ā{{states(āāsensor.lr_hvac_setpointāā) | round(1)}} Cā
When I remove the āCurrently :ā, it all works.
How do I combine text and state?
Thanks
Try thisā¦
āCurrently:ā
Thanks, Not working
Please use Ctrl+E
when sharing code
Does it work if you move the apostrophe?
secondary: >-
'Currently:
{{states("sensor.lr_hvac_setpoint") | round(1)}} C'
Sure. All it does is turn off a switch at the time set by the input_datetime variable that is used in the alarm card.
alias: 'Thuis modus: ''s nachts Plug 2 uit'
description: ''
trigger:
- platform: time
at: input_datetime.plug_2_s_avonds_uit
condition: []
action:
- service: switch.turn_off
data: {}
target:
entity_id: switch.local_tuya_plug_2
mode: single
Thank you all!
secondary: >-
SetPoint: {{states(āsensor.lr_hvac_setpoint_ā) | round(1)}}Ā°c
Current: {{(states(āsensor.lr_hvac_target_setpointaā)) |
float/10 | round(1)}}Ā°c
Worked.
nice how have you person cards making can you share code ?
type: custom:stack-in-card
mode: vertical
cards:
- type: custom:mushroom-media-player-card
entity: media_player.alle_hojtalere_gruppe
media_controls:- play_pause_stop
- next
volume_controls: - volume_mute
layout: horizontal
use_media_info: true
- type: custom:mushroom-media-player-card
entity: media_player.alle_hojtalere_gruppe
fill_container: false
show_volume_level: true
use_media_info: false
media_controls: []
volume_controls:- volume_set
- volume_mute
collapsible_controls: false
primary_info: none
layout: horizontal
secondary_info: none
icon_type: none
style: |
ha-card {
ācontrol-height: 30px;
}
- type: custom:mushroom-media-player-card
entity: media_player.nest_audio
icon_type: none
volume_controls:- volume_set
- volume_mute
layout: horizontal
media_controls: []
show_volume_level: false
name: KĆøkken Ćāen
style: |
ha-card {
ācontrol-height: 30px;
}
mushroom-state-item {
max-width: 100px !important;
}
- type: custom:mushroom-media-player-card
entity: media_player.lyd_alrum
icon_type: none
volume_controls:- volume_set
- volume_mute
layout: horizontal
media_controls: []
show_volume_level: false
name: Cerwin Vega
style: |
ha-card {
ācontrol-height: 30px;
}
mushroom-state-item {
max-width: 100px !important;
}
- type: custom:mushroom-media-player-card
entity: media_player.badevaerelse
icon_type: none
volume_controls:- volume_set
- volume_mute
layout: horizontal
media_controls: []
show_volume_level: false
name: BadevƦrelset
style: |
ha-card {
ācontrol-height: 30px;
}
mushroom-state-item {
max-width: 100px !important;
}
- type: custom:mushroom-media-player-card
entity: media_player.alrum
icon_type: none
volume_controls:- volume_set
- volume_mute
layout: horizontal
media_controls: []
show_volume_level: false
name: Baggangen
style: |
ha-card {
ācontrol-height: 30px;
}
mushroom-state-item {
max-width: 100px !important;
}
- type: custom:mushroom-media-player-card
entity: media_player.garage
icon_type: none
volume_controls:- volume_set
- volume_mute
layout: horizontal
media_controls: []
show_volume_level: false
name: Garagen
style: |
ha-card {
ācontrol-height: 30px;
}
mushroom-state-item {
max-width: 100px !important;
}
card_mod:
style: |
ha-card {
āmush-spacing: 7px;
}
mushroom-state-item {
max-width: 90px !important;
}
I know itās probably in this thread somewhere though the 3400+ posts, but would someone mind sharing their mushroom created dashboard on tablets? Seems that most Iāve seen were for mobile devices and when I try to build this on my 10" fire tablet, I canāt see to get this to fill the screen using horizontal stack cards (not lining up correctly). Could I also be using the wrong card?
I have finished my āWhat to wear pageā
Everything you need from stracth is on my github wiki page.
I have explained the setup step by step with a language anyone can understand.
With this little project:
- Home Assistant will show you what to wear depending on the temperature inside the house.
- Photos are dynamic. They change depending on the temperature values of the house.
- You can see all the room temperatures individually within the page.
- Fully customizable. You can even use your own photos
- Telegram automation is also included.
- You can also receive what to wear pictures from telegram as soon you arrive home.
- Telegram also tells you the rooms with the lowest and highest temperatures in the house, along with their names.
- There is also a button to expand the picture quantity whether to show 2 or 3 pictures in the page.
There will be more editions to this page. The fireplace picture shown at the top is a still photo. It will be dynamic in the next update to show the picture of the hottest room within the house and the room picture will also constatntly change depending on the temperature. And the final addition will be a second button next to āMoreā which will deactivate telegram automation.
Edit: Next update will also bring thermostat or climate controls to the page. When the page finalize anything regarding the heat control can be accessed from a single page.
4 Likes
Any ideas how to build a mushroom custom climate card for this device?
The standard climate card is not working due to vendor implementation errors.
Thanks
Iām using localtuya.
I have a couple of field of type āSelectā which by default shows a dropdown.
How do I create mushroom buttons for each drop down selection?
Iām sure Iām missing something, but there doesnāt appear to be a way to change the color of the media player state icon. Iād also love to be able to change the color of the volume slider as well.
I see all kinds of variables in the mushroom theme, but these, although I would think something like the following to work. Unfortunately I havenāt be able to coax it into doing so:
mush-rgb-state-media-on: var(--mush-rgb-orange)
mush-rgb-state-media-off: var(--mush-rgb-grey)
Any hints as to what Iām missing would be wonderful.