I’m missing plus and minus symbols even with a brand new installation from hacs. Running 2.4.2 and the latest home assistant. The fix of replacing the js file does work for me but didn’t think it should still be necessary?
with the same problem as you. did you find any solution?
I’m using a simple generic thermostat to control a pool chlorinator. Is there any way to change the wording of a status? For example, instead of “heating” I’d like it to say “dosing”.
Love this card, but when my system is in cool, it shows a radiator in the header. I want it to show a snowflake. It shows the radiator when in heat mode (good) and power icon when off (good). I tried both cooling and cool options, but neither shows the snowflake in header.
type: custom:simple-thermostat
entity: climate.thermostat
layout:
mode:
names: false
icons: true
headings: false
step: row
control:
hvac: true
icon:
cool: mdi:snowflake
cooling: mdi:snowflake
sensors:
- entity: sensor.ble_humidity_living_room_temp
name: Humidity
edit: seems to be fine when the AC is on, rather than idle. Hmm, wonder if there is a way for it to say idle (cool) is snowflake.
Is there a way for this card to also control the select.klimaanlage_horizontal_swing (horizontal swing) option of my AC? I control my AC over the Sensibo integration. Right now I only can control the vertical swing options with the Simple Thermostat Card.
In case someone is interested in my workaround: I created a vertical-stack card and used some costume buttons.
The code is here:
type: vertical-stack
title: ___
cards:
- type: custom:simple-thermostat
entity: climate.klimaanlage
step_size: 1
hide:
temperature: false
control:
fan:
quiet:
name: Quiet
low: false
medium: false
medium_high: false
high: false
auto:
name: Auto
hvac:
heat_cool: false
heat: false
dry: false
- type: vertical-stack
cards:
- type: custom:button-card
entity: select.klimaanlage_horizontal_swing
color_type: label-card
color: rgb(28, 28, 28)
show_icon: false
styles:
name:
- font-size: 22px
- font-weight: bold
state:
- value: fixedLeft
name: 'Horizontale Schwingung: Links'
- value: fixedRight
name: 'Horizontale Schwingung: Rechts'
- type: horizontal-stack
cards:
- type: custom:button-card
color_type: card
color: rgb(138, 138, 138)
icon: mdi:arrow-left-bold
size: 10%
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.klimaanlage_horizontal_swing
option: fixedLeft
- type: custom:button-card
color_type: card
color: rgb(138, 138, 138)
icon: mdi:arrow-right-bold
size: 10%
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.klimaanlage_horizontal_swing
option: fixedRight
- cards:
- align_state: center
entities:
- color: '#11A579'
entity: sensor.schlafzimmer_temperatur
index: 0
name: 'Aktuelle Temperatur:'
type: custom:mini-graph-card
type: horizontal-stack
Try moving it underneath header like so:
type: custom:simple-thermostat
entity: climate.downstairs
header:
name: UPSTAIRS HVAC
icon:
fan: mdi:fan
'off': mdi:power
idle: mdi:sleep
cooling: mdi:air-conditioner
heating: mdi:fire
1 Like
Thanks, will do.
edit: worked great! Thanks.
1 Like
I love this card - Thanks to the developer.
One little question - Is there a way to change the text for the swing mode and maybe add icons to them?
Maybe using the same control options that work for the fan mode and operation mode.
control:
hvac:
heat_cool:
name: Auto
fan_only:
name: Fan
fan:
low:
name: Low
medium:
name: Med
high:
name: High
top:
name: Boost
1 Like
This card is amazing, really tidying up my view!
Hoping someone can provide some advice on how to compact this view. I’d like to make the temperature selector smaller and compact the vertical space. I see the documentation has CSS examples but I tried those without any change, I feel like I’m missing something there!
Also, is it possible for _hide_when_off to act on a different entity? (hallway controller)
The reason for this is that with my ducted system, the function is set on the whole system so each zone will vary it’s airflow based on the target temp and a thermostat in that room. Or they can be set to zone off or zone on.
edit: I figured out card-mod so I can tweak using CSS
Just wanted to share my similar system with you. I use a combination of the thermostat card and this simple thermostat card to achieve mine.
That looks fantastic, I haven’t yet got to themes in Lovelace, I’m still very new to all this.
I improved on mine a fair bit since that earlier post. The fan speeds disappear when the unit is off too.
The circular control for the normal thermostat card takes up a bit too much space for me on the mobile app where this will get used the most.
I’d still like to find a way to hide the temperature controls when the zones are fully closed or open.
Is there a way to hide the set point controls when off? Hitting the arrow while off results in NaN as below.
2 Likes
That looks amazing SgtBatten, very impressive.
Can I ask how you removed the Temperature Control from the top right card?
In my setup, I don’t want to provide any way to change the target temperature from the card, only providing the ability to turn my HVAC off/cool/etc - Ideally whilst still showing the current temp and state.
Any thoughts?
Thanks!
I’m totally in love with this card! Thank you!
One question:
The MHI units have the option “horizontal_vane” which is the position of the horizontal outflow. It provides 4 steps.
Is there any possibility to integrate this in the card?
Hey mate,
Heres that part of the card.
type: grid
columns: 1
cards:
- type: custom:simple-thermostat
entity: climate.izone_controller
layout:
mode:
icons: true
names: true
headings: false
header: false
hide:
temperature: true
state: true
setpoints:
target_temp_high:
hide: true
control:
hvac:
heat_cool:
name: Auto
fan_only:
name: Fan
fan:
low:
name: Low
medium:
name: Med
high:
name: High
top:
name: Boost
auto:
icon: false
Hello everyone!
I’m just trying to get a different style on the simple-thermostat card so I can fit it on my cellphone:
It does not matter to what I change the style I get the same results. Here is part of the code:
- type: custom:simple-thermostat
entity: climate.calefactor_pieza_2
style: |
ha-card {
--st-font-size-xl: 28px;
--st-font-size-m: 20px;
--st-font-size-title: 20px;
--st-font-size-sensors: 14px;
--st-font-size-toggle-label: 6px
--st-spacing: 0px;
--st-default-spacing: 1px;
}
As you can see I want to add a decimal place to the thermostat, but if I do it, the “-“ gets misplace, so to fix that I just want to reduce de font size but it does not work.
Here is the entire code:
type: horizontal-stack
cards:
- type: custom:stack-in-card
keep:
margin: false
box_shadow: false
background: false
cards:
- type: custom:mushroom-template-card
primary: Pieza
secondary: >
Temp Actual: {{ state_attr('climate.calefactor_pieza_2',
'current_temperature') }}°C
icon: mdi:fire
icon_color: |-
{% if is_state('climate.calefactor_pieza_2', 'heat') %}
orange
{% else %}
grey
{% endif %}
entity: climate.calefactor_pieza_2
tap_action:
action: toggle
style: |
ha-card {
padding-bottom: 1px !important;
}
- type: custom:simple-thermostat
entity: climate.calefactor_pieza_2
style: |
ha-card {
--st-font-size-xl: 28px;
--st-font-size-m: 20px;
--st-font-size-title: 20px;
--st-font-size-sensors: 14px;
--st-font-size-toggle-label: 6px
--st-spacing: 0px;
--st-default-spacing: 1px;
}
header: false
hide:
temperature: true
state: true
layout:
mode:
headings: false
icons: true
names: false
step: row
decimals: '1'
step_size: '0.5'
control: false
- type: custom:stack-in-card
keep:
margin: false
box_shadow: false
background: false
cards:
- type: custom:mushroom-template-card
primary: Jose
secondary: >
Temp Actual: {{ state_attr('climate.calefactor_jose_2',
'current_temperature') }}°C
icon: mdi:fire
icon_color: |-
{% if is_state('climate.calefactor_jose_2', 'heat') %}
orange
{% else %}
grey
{% endif %}
entity: climate.calefactor_jose_2
tap_action:
action: toggle
style: |
ha-card {
padding-bottom: 1px !important;
}
- type: custom:simple-thermostat
entity: climate.calefactor_jose_2
style: |
ha-card {
--st-font-size-xl: 28px;
--st-font-size-m: 20px;
--st-font-size-title: 20px;
--st-font-size-sensors: 14px;
--st-font-size-toggle-label: 6px
--st-spacing: 0px;
--st-default-spacing: 1px;
}
header: false
hide:
temperature: true
state: true
layout:
mode:
headings: false
icons: true
names: false
step: row
decimals: '0'
step_size: '1'
control: false
Thanks! That did exactly what I wanted… had searched for ages. Hadn’t realised about the setpoint config!
Hi, I use this card extensively with my Daikin AC. Works great and its really good that my wife can continue using the Daikin remote and I can use HA. Its all in sync! Thanks for the card!
Now to my question:
I would also in one room (TV room) use my Harmony Hub to control the Daikin AC in that room. By using the HA Roku integration I can get Harmony to start and stop the AC. BUT what I also want to do is to be able to change the temperature in step of 0,5 degrees via the Harmony remote, as I can do in the card but I don’t find any service to call to do this.
Is this only possible via the card or am I missing where to find the info / service to change AC 0,5 degrees by pressing a button (as using the arrows in the card).
Thanks
You are confusing the card with your climate entity. The card shows, what the climate entity provides. It does not do anything by itself.
So if you need to change any settings or configurations, you’re on the climate integration. 