Merci, je débutais…
Oui, je me doute… j’ai un peu déterré le post…
Merci car vous avez été un grand artisan de ma progression… 
2 Likes
I’m having the same problem, but on the sensors: section. I tried putting a _ before name but it didn’t work. Any ideas? Here’s what I have and what I get. It used to work before 2023.
- type: custom:simple-thermostat
entity: climate.entrance
step_size: 0.5
header: false
sensors:
- attribute: preset_mode
name: Mode
Can anyone help me here with the sensor template?
simple-thermostat/sensors.md at beta · nervetattoo/simple-thermostat · GitHub
I dont quite understand how to implement them. Essentially I want to change the sensor state to red when its “on” blue when its “off”
- type: custom:simple-thermostat
entity: climate.heater1
sensors:
- entity: input_boolean.heater1
id: temperature
name: heater
template: "{{state.text| css({ 'font-size': '3em', color: 'red' }) }}"
layout:
.........
When I add
- type: custom:simple-thermostat
entity: climate.heater1
version: 3
sensors:
- entity: input_boolean.heater1
id: temperature
name: heater
template: "{{state.text| css({ 'font-size': '3em', color: 'red' }) }}"
layout:
.........
version:3 everything disappears and I cant seem to find any examples in the forum to cheat from.
Also, do these templates respond to normal jinja templates?
Thanks
Hello,
You can try :
- type: custom:simple-thermostat
entity: climate.entrance
step_size: 0.5
header: false
sensors:
- attribute: preset_mode
name: Mode
control:
hvac: true
preset:
_name: Preset Mode
Hi to all!
i’m trying to use this card with my Panasonic Etherea (integration Panasonic Cloud Comfort) but seems card cannot detect fan and swing modes: i’m trying to hide some of them without any result.
any tips?
as you can see, i’m trying, as test, to hide fan-auto, fan-slow, swing-auto and swing-up modes but all of them remains displayed.
Thanks in advance
type: custom:simple-thermostat
entity: climate.clima_camerina
layout:
step: row
mode:
headings: true
control:
hvac:
_name: hvac
heat_cool:
name: null
heat:
name: null
cool:
name: null
dry:
name: null
fan_only:
name: null
'off':
name: null
fan:
_hide_when_off: false
_name: fan
auto: false
low: false
swing:
_name: swing
_hide_when_off: false
auto: false
up: false
present: false
decimals: 1
label:
state: null
temperature: null
hide:
state: true
temperature: true
header: false
card_mod:
style: |
ha-card {
--st-font-size-xl: 24px;
--st-font-size-m: 24px;
--st-font-size-title: 30px;
--st-font-size-sensors: 12px;
--st-spacing: 2px;
--st-mode-active-color: var(--contrast20);
--st-mode-background: var(--contrast1);
--st-mode-active-background: var(--green);
padding-bottom: 5px !important;
margin-left: 1px;
margin-right: 1px;
}
ha-card .mode-item {
--st-spacing: 18px;
border-radius: 20px;
}
}
i’m replying to myself… i’ve fixed the error, the “mode” status is case sensitive thus i’ve to write Auto and not auto . hope this will help someone else 
Is there a way to add sensors as a row of buttons? I would love to have my window sensors show up as a row of buttons below my presets that change based on there state. I currently have mine setup in a stack in card with simple thermostat up top, a markdown card with indoor/outdoor temps, and a mini graph card showing indoor/outdoor temps.
I am not opposed to using a custom button card below simple thermostat, but when I tried that, I could not get the style of the button cards to show over top of the style for the stack-in-card.
Hi Larry,
can you share your code?
Sure. Here it is. I am sure it can be refined, but I am still learning all of this. I also can’t get the tap-action to work to bring up the more-info dialog.
- type: custom:stack-in-card
card_mod:
style: |
ha-card {
--ha-card-background: {{ 'rgba(255, 255, 255, 0.85)' if is_state('climate.living_ecobee_app', 'heat_cool') else 'rgba(115, 115, 115, 0.25)' }};
--primary-text-color: {{ '#4b5254' if is_state('climate.living_ecobee_app', 'heat_cool') else '#97989c' }};
border-radius: 10px;
border: none;
}
cards:
- type: custom:simple-thermostat
entity: climate.living_ecobee_app
header: false
hide:
temperature: true
state: true
step_size: 1
decimals: 0
control:
hvac:
'off':
name: false
icon: mdi:power
heat: false
cool: false
heat_cool:
name: false
icon: mdi:auto-mode
preset:
Home:
name: false
icon: mdi:home
Girls:
name: false
icon: mdi:human-female-female
Sleep:
name: false
icon: mdi:sleep
Away:
name: false
icon: mdi:home-export-outline
layout:
step: row
mode:
icons: true
headings: false
tap_action:
action: more-info
fallback: 'Off'
style: |
ha-card {
--ha-card-background: {{ 'rgba(255, 255, 255, 0.85)' if is_state('climate.living_ecobee_app', 'heat_cool') else 'rgba(115, 115, 115, 0.25)' }};
--primary-text-color: {{ '#4b5254' if is_state('climate.living_ecobee_app', 'heat_cool') else '#97989c' }};
--st-mode-active-background: rgba(255, 255, 255, 0.85);
--st-mode-active-color: rgb(49, 130, 183);
--st-mode-background: rgba(115, 115, 115, 0.25);
border-radius: 10px;
border: none;
}
- type: markdown
content: >-
<center><font size="5">
Inside: {{ states('sensor.inside_temperature') }}°F / Outside: {{ states('sensor.outside_temperature') }}°F
tap_action:
entity: climate.living_ecobee_app
action: more-info
style: |
ha-card {
border: none;
}
- type: custom:mini-graph-card
entities:
- entity: sensor.living_ecobee_app_temperature
name: Inside
show_state: false
show_indicator: false
show_legend: false
show_fill: false
- entity: sensor.outside_temperature
name: Outside
show_state: false
show_indicator: false
show_legend: false
show_fill: false
align_state: center
show:
name: false
state: false
points: false
icon: false
labels: false
style: |
ha-card {
border: none;
}
I gave up on window sensors in my stack-in-card and just created a row of sensors below my climate control.
1 Like
Side question here: may I ask what device you are using to control the valves?
I don’t know if it is a right way to handle it, but you could always try/use this:
style: |
ha-card .mode-title {
display: none;
}
But from the multiple examples in this thread actually this should be enough to remove “Werking” and “Ventillatormodus”:
control:
hvac:
'off':
name: false
icon: mdi:power
I think you should do this:
- type: custom:simple-thermostat
entity: climate.entrance
step_size: 0.5
header: false
control:
preset:
mode:
_name: type what you want here
1 Like
Thank you! That syntax makes zero sense to me so I never would have figured it out without your help!
1 Like
Maybe someone can help me with this…
I´m trying to add controls for the fan speed etc but I just cant get it to work…
the first card is what i have but as soon as I put in the code for controls the card just transforms to the second card in the image without any of the controls and even removes the presets for cold, heat etc.
this is my yaml:
type: custom:simple-thermostat
entity: climate.ac
layout:
step: row
mode:
icons: true
names: false
headings: false
header: false
sensors: false
style: |
ha-card .mode-item {
background: rgba(255, 255, 240, 0.05);
color: #a2a7a6;
}
ha-card .mode-title {
font-family: Roboto,sans-serif;
font-weight: 500;
}
control:
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
my AC does have these options in the app so they should be available, right?
Mind the indentation for (and after) control:
Change:
style: |
ha-card .mode-item {
background: rgba(255, 255, 240, 0.05);
color: #a2a7a6;
}
ha-card .mode-title {
font-family: Roboto,sans-serif;
font-weight: 500;
}
control:
fan:
_name: Fan Mode
_hide_when_off: true
to:
style: |
ha-card .mode-item {
background: rgba(255, 255, 240, 0.05);
color: #a2a7a6;
}
ha-card .mode-title {
font-family: Roboto,sans-serif;
font-weight: 500;
}
control:
fan:
_name: Fan Mode
_hide_when_off: true
Doesnt work and from what I can tell from previous examples in this thread the “control” part shouldnt be indented. Indenting just makes it invalid but this keeps the presets, but probably just because that part is invalid…
Is there any way to test this? Like should there be entities for these controls? Im using the Tuya integration but can only see temp and Ionizing
Well, before posting I did test the code using a valid entity and the result is, control: unindented:
control: indented:
But how does that access the fan-speed? I would want something like this:
