Lovelace: Simple thermostat card

cmj118 · December 22, 2022, 3:57pm

Hi,
I am using the basic configuration with Centralite Pearl thermostat, using Zigbee2MQTT. The card shows up like this:

and works great.
I would like to have the cool control and the right setpoint hidden.
Putting this:

control:
  hvac:
    cool: false

in the configuration works nicely to hide the cool control button. The problem is when I add this:

setpoint:
  target_temp_low:
    hide: 
  target_temp_high:
     hide: true

the right sepoint is hidden but I get this error:
Failed to call service climate/set_temperature. some but not all values in the same group of inclusion ‘temperature’ @ data[]
when pressing the up and down arrows. I have worked on this for awhile now and even found a post with the same issue but there was no solution.
Any help would be appreciated.

henkkeumus · December 24, 2022, 1:25pm

Love the card to control my AC’s :).

However, how do I add the “mode” dropdown? and how can I set a background color for the card? It’s now transparant.

And for the world, I can’t figure how to hide the labels “Werking” and “Ventilatormodus” and to put custom icons in the fanspeed buttons…

Help greatly appreciated!!

              - type: custom:simple-thermostat
                style: |
                  ha-card {
                    --st-font-size-xl: 20px;
                    --st-font-size-title: 20px;
                    --st-font-size-sensors: 12px;
                  }
                entity: climate.ac_woonkamer
                name: Airco Woonkamer
                header:
                  name: Woonkamer
                  icon: false
                layout:
                  step: column
                  mode:
                    names: false
                control: 
                  hvac:
                    heat_cool: false
                    icon: mdi:fire
                    dry: false
                  fan: 
                    auto: false
                    medium-low: false
                    medium-high: false
                    very-high: false

RCZ · December 26, 2022, 10:05am

Hi,

I’m trying to load this card, but it isnt working for me… I added it via HACS - but when I add it into a dashboard it goes: Custom element doesn’t exist: simple-thermostat…

Not sure what I’m doing wrong - and I’m sure its a beginners mistake…

I also added to my configuration.yaml:

lovelace:
    mode: yaml
    resources:
      - url: /local/simple-thermostat.js?v=1
        type: module

but not sure if that is required…

bouwew · December 27, 2022, 10:27am

When installing via HACS the url must be: - url: /hacsfiles/simple-thermostat/simple-thermostat.js

Judu · December 28, 2022, 12:36pm

Hello,

I would like to find a way to hide setpoint temperature when in mode eco (to reflect the behavior of my thermostats - eco mode is frost protection in KNX and temperature is set in programming).

Any idea how I could do ?

Thank you

Judu · December 29, 2022, 12:27am

This works but need card templater:

type: custom:card-templater
card:
  type: custom:simple-thermostat
  entity: climate.sdb
  layout:
    step: column
  header: true
  setpoints_template: '{{ "true" if states.climate.sdb.attributes.preset_mode == "eco" else " "}}'
  control:
    preset:
      eco:
        name: ''
        icon: mdi:snowflake
      comfort:
        name: ''
        icon: mdi:sun-thermometer
entities:
  - entity: sensor.time

However it was verry laggy.
I tried instead config-template-card which works just fine:

type: custom:config-template-card
entities:
  - climate.salon
variables:
  - states['climate.salon'].attributes['preset_mode']
card:
  type: custom:simple-thermostat
  entity: climate.salon
  layout:
    step: column
  header: true
  setpoints: ${if (vars[0] === 'eco')  {true} else { }}
  control:
    preset:
      eco:
        name: ''
        icon: mdi:snowflake
      comfort:
        name: ''
        icon: mdi:sun-thermometer

prockeo · January 4, 2023, 12:41am

Is there a way to control the setpoints such that when:

Mode = ‘auto’

   setpoint:
      target_temp_high:
      target_temp_low:

Mode = all others (Heating, cooling, fan,…)

   setpoint: 
     temperature

Jonah1970 · January 5, 2023, 9:35pm

Anyone else seeing problems with this custom card since updating to 2023.1?

iBRHooM · January 6, 2023, 2:34pm

Yeah me after 2023.1 update
Had to name it manually:

control:
  preset:
    _name: Preset Mode

here how I override the naming:

control:
  swing:
    _name: Swing Mode
    _hide_when_off: true
  hvac:
    mode:
      icon: false
  fan:
    _name: Fan Mode
    _hide_when_off: true

and when it’s off:

waiting for the update to fix it.

Jonah1970 · January 6, 2023, 2:54pm

That fixes it - many thanks!

austinmeier · January 8, 2023, 5:54pm

I’ve attempted to read this entire thread looking for a solution to my issue, but I can’t seem to find anything that resembles my issue! I can’t even find anything with a search.

My issue: The ‘up’ and ‘down’ buttons on my thermostat card are invisible. The buttons are there, and I can press them, but the “+” or “-” icons are literally not visible. It’s not a huge issue, as I can still use the card, but it makes it a bit tougher for others in the house to use properly. Can I change the color of those buttons somehow?

Also, this issue is present on both my web browser (firefox), and my HA app - (iPhone)

jameson_uk · January 12, 2023, 3:12pm

Can anyone help me conditionally format the card?
I have some TRVs which appear as climate devices but don’t actually set a state.
What I want to do (for now) is simply have some visual indication (card background colour) of whether the current temperature < set point.

Also how do I hide the state in compact view?

llamafilm · January 17, 2023, 5:07pm

@jameson_uk This might help you. Here’s what I did to style the background red when the heater is active.

style: |
  ha-card {
    {% if is_state_attr("climate.mysa_bathroom_thermostat", "hvac_action", "heating") -%}
      --ha-card-background: rgb(255, 130, 130)
    {%- else -%}
      --ha-card-background: rgb(255, 255, 255)
    {%- endif %}
  }

nickrout · January 17, 2023, 6:51pm

What theme are you using?

jameson_uk · January 18, 2023, 11:38am

Using the default theme and struggling to get anything to work…
just trying

type: custom:simple-thermostat
entity: climate.bedroom_trv
style: |
  ha-card {
    --ha-card-background: rgb(255,0,0);
  }

isn’t setting the card background colour (nor any of the alternative I tried) let alone making things conditional.

What I am missing?

nickrout · January 18, 2023, 6:34pm

That question was for @austinmeier

Judu · January 27, 2023, 9:58pm

type: custom:config-template-card
entities:
  - climate.salon
  - binary_sensor.fenetresalonknx
variables:
  - states['climate.salon'].attributes['preset_mode']
card:
  type: custom:simple-thermostat
  version: 3
  entity: climate.salon
  layout:
    step: row
    mode:
      headings: false
  header:
    faults:
      - entity: binary_sensor.fenetresalonknx
        icon: mdi:window-open-variant
        hide_inactive: true
  sensors:
    - id: state
      label: mdi:water-boiler
      template: '{{hvac_action|translate(''state_attributes.climate.hvac_action.'')}}'
    - id: temperature
      label: mdi:thermometer
      template: '{{current_temperature}}'
      unit: °C
  setpoints: ${if (vars[0] === 'eco')  {true} else { }}
  control:
    preset:
      eco:
        name: ''
        icon: mdi:snowflake
      comfort:
        name: ''
        icon: mdi:sun-thermometer
  style: |
    .sensors.with-labels.as-table {
        justify-self: left;
        margin-left: 40px;
      }

Shivy011 · February 2, 2023, 1:37pm

Could you share your full code for the fan modes?

austinmeier · February 2, 2023, 10:18pm

I was not using any theme. No idea why it wasn’t working. But it works now, and I haven’t changed anything. Maybe a reboot or two later had fixed it.

Thanks anyway! This card is perfect.

pete.AUS · February 9, 2023, 3:14am

Finally, got around to setting up this card, any idea why I see ui.card.climate.fan_mode when setting up the fans?