Yes it has picked up low, medium and high but that does not explain where the
" ui.card.climate.fan_mode" element has come from.
See this post from earlier in this thread, it may help…you need to add a line in your card config to fix the ui.card.climate.fan_mode:
2 Likes
1 Like
did you find a solution to this as i have the same issue, which im guessing you have a ducted system?
Thanks for your code, exactly what I was looking for.
The reason why your styles don’t work is because you need to install “card-mod” from HACS for that.
Yeah sure, and sorry for the delay.
You need Simple Thermostat lovelace from HACS frontend for this card.
this is the full code for the card:
type: custom:simple-thermostat
entity: climate.entity
control:
swing:
_name: Swing Mode
_hide_when_off: true
hvac:
mode:
icon: false
fan:
_name: Fan Mode
_hide_when_off: true
low:
name: null
icon: mdi:fan-speed-1
medium:
name: null
icon: mdi:fan-speed-2
high:
name: null
icon: mdi:fan-speed-3
medium low:
name: false
icon: mdi:fan-chevron-down
medium high:
icon: mdi:fan-chevron-up
name: false
auto: true
layout:
mode:
names: true
decimals: 0
step_size: 1
Is it possible to change the order of control:preset?
Right now eco mode’s temperature is displayed on left side (12 degrees), but the preset mode is located at the right side (mdi:snowflake), and vice versa for heating (20 degrees with mdi:fire).
I like this card very much - many thanks for the great work:
However I have the following problems:
- First line, first column: What do I have to do so that this is also shown in German?
- First line, second column: How can I make the character set smaller? Otherwise it doesn’t fit on mobile devices, see picture below
- Second line: How can I decrease the top and bottom spacing?
View on my mobile device:
EDIT:
I’ve already solved the problem of reducing the top and bottom spacing myself
My yaml code;
- type: custom:stack-in-card
keep:
margin: false
box_shadow: false
background: false
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: >
{{ state_attr('climate.detlef_heizung', 'hvac_action') | title }}
icon: |-
{% set mode = states('climate.detlef_heizung') %}
{% if mode == 'off' %}
mdi:power
{% elif mode == 'heat' %}
mdi:fire
{% else %}
mdi:home-thermometer
{% endif %}
icon_color: |-
{% set status = state_attr('climate.detlef_heizung','hvac_action') %}
{% if status == 'off' %}
disabled
{% elif status == 'idle' %}
green
{% elif status == 'heating' %}
deep-orange
{% else %}
gray
{% endif %}
tap_action: none
- type: custom:simple-thermostat
style: |
ha-card {
--st-spacing: 0px !important;
float: right;
padding: 0px;
margin: 0px;
margin-top: 6px;
--st-font-size-m: 100%;
--st-font-size-l: 110%;
--st-font-size-xl: 110%;
}
entity: climate.detlef_heizung
header: false
decimals: "1"
hide:
temperature: true
state: true
layout:
step: row
mode:
names: false
icons: false
headings: false
step_size: ".5"
control:
hvac:
"off": false
heat: false
auto: false
- type: horizontal-stack
cards:
- type: custom:simple-thermostat
style: |
ha-card {
--st-spacing: 2px !important;
}
ha-card .modes {
grid-gap: 12px;
padding: 0px;
margin: 0px 12px;
--st-spacing: 12px !important;
}
entity: climate.detlef_heizung
hide:
temperature: true
state: true
layout:
mode:
headings: false
icons: true
names: true
control:
hvac:
"off":
name: Aus
heat:
name: Heizen
header: false
setpoints: false
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: "{{ states(entity) }} °C"
secondary: Temperatur
icon: mdi:thermometer
entity: sensor.detlef_temperature
icon_color: '#76A5AF'
decimals: "1"
badge_icon: |-
{% set outside_temp = states(entity) | int %}
{% set inside_temp = states('sensor.wetterstation_actual_temperature') | int %}
{% if outside_temp == inside_temp %} mdi:equal
{% elif outside_temp <= 0 %} mdi:snowflake
{% elif outside_temp >= 32 %} mdi:heat-wave
{% else %}
{% endif %}
badge_color: |-
{% set outside_temp = states(entity) | int %}
{% set inside_temp = states('sensor.wetterstation_actual_temperature') | int %}
{% if outside_temp == inside_temp %} green
{% elif outside_temp <= 0 %} blue
{% elif outside_temp >= 32 %} deep-orange
{% else %}
{% endif %}
- type: custom:mushroom-template-card
primary: "{{ states(entity) }} %"
secondary: Luftfeuchte
icon: mdi:water-percent
entity: sensor.detlef_humidity
icon_color: '#E06666'
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
entities:
- entity: sensor.detlef_temperature
name: Temperatur
color: '#76A5AF'
- entity: sensor.wetterstation_actual_temperature
name: Temperatur
color: '#B6D7A8'
hours_to_show: 24
line_width: 3
font_size: 50
animate: true
show:
name: false
icon: false
state: false
legend: false
fill: fade
- type: custom:mini-graph-card
entities:
- entity: sensor.detlef_humidity
name: Luftfeuchte
color: '#E06666'
- entity: sensor.wetterstation_humidity
name: Luftfeuchte
color: '#B6D7A8'
hours_to_show: 24
line_width: 3
font_size: 50
animate: true
show:
name: false
icon: false
state: false
legend: false
fill: fade
1 Like
Hi,
Is there a way to add a turbo button to the ui, I see there is a tasmota irhvac turbo on service that works if I call it, it runs for 20 mins then turns turbo off automatically, I have the config set to default_turbo_mode: on… but I can not see what that actually does
Thanks
Hello,
Can anyone let me know how to increase the icon size???
Also, any way I can change the icon color and the name based on a sensor state??? Im ok w css style, just dont know the entities to use.
Thanks
Hello, thank you for sharing this with me
Everything is white I do not understand
I don’t have any graphics what to do?
Brining up an old thread but I stumbled upon this and it doesn’t quite work for me. It does not replace the ‘current’ section but adds a third line. I’ll post photos when I get home.
Any ideas to make it actually replace the “current” section?
Did you add the line version: 3 ? Otherwise the special format is not recognized.
Ill give it a go. Thank you.
Ok, that worked, to some degree. I’m happy with the result though needs a little formatting to resemble the exact original.
It is missing the colon after the words ‘current’ and ‘state’. ‘State’ is now ‘operation’ and the order of the ‘operation’ and ‘state’ are reversed.
Thank you for your help.
See here for examples on how to use version 3 features: simple-thermostat/sensors.md at 9c274465b5c513e9e6a82d9670f52807ba173233 · nervetattoo/simple-thermostat · GitHub
Sweet thanks!
1 Like
I would like to show the humidity measured by the thermostate, but it is an attribute. The following does not work:
type: custom:simple-thermostat
version: 3
entity: climate.buro_heizung_buro
layout:
mode:
headings: true
icons: true
names: true
sensors:
entity: climate.buro_heizung_buro
attribute: current_humidity
Can anyone help? Thanks 
Plus, as my thermostat can only heat, the “State” information ist useless as it shows “Heating” always. Can I disable it and place the humidity measurement instead?
Edit: Resolved it using the example here
I’ve made that with creating a template sensors which returns “Open” instead of “on” and “Closed” instead of “off”. Here’s the code :
- sensor:
####### Etat fenêtre bureau #######
- name: "Etat fenêtre bureau"
state: >
{% if is_state("binary_sensor.fenetre_bureau", "off") %}
Fermée
{% elif is_state("binary_sensor.fenetre_bureau", "on") %}
Ouverte
{% else %}
Inconnu
{% endif %}