Lovelace: Simple thermostat card

Try creating a knx switch entity and an automation connecting it to the hvac. Switch is bidirectional so it can send state updates to knx again whereas binary_sensor can only read from Bus.

1 Like

Hi guys, do you anybody have solution for manualy turn heating on and override thermostat settings ?

I want to just turn on manually entity for heater. But if I do it, thermostat turn it off :smiley:

only idea I have is custom entity and automation wich turn off thermostat, turn on heater, wait some time, turn on thermostat and turn off heater.

but maybe there is some easier solution?

Does anyone know how to change the colours of the mode buttons to match my theme? Rather than the standard orange and blue?

image

I changed the .js to the below variables in my themes manually but it is still showing the default.

  --auto-color: var(--green);
  --heat_cool-color: var(--pink);
  --cool-color: var(--blue);
  --heat-color: var(--red);
  --manual-color: #44739e;
  --off-color: #8a8a8a;
  --fan_only-color: var(--purple);
  --dry-color: var(--orange);

I have cleared cache, restarted etc but no luck

1 Like

hi
I just installed this card (I like it very much) and wondering if there is a way to have my 3 air condition cards in one row. Is there something I can change to fit them in one row?
In the example below I would like the bedroom AC card to move up aligned with t Living Room + Kid ACs

Simplest I can think of is to add AC units to horizontal stack.

1 Like

Hi!

thank you for great card!

Is it possible to add buttons for swing modes?

heres how it looks for my AC:

thank you kindly!

1 Like

Use a Grid card and set to 3 columns I think

1 Like

Hi

Thanks. I set up the KNX switch Entity and it works bi-directional.
I set up a simple automation to turn on the HVAC. But I don’t know how to create an automation that is bi-directional and that can handle both on and off (or do I need two separate automations- one for off and on for on?)

alias: KNX On Switch Office HVAC
description: ''
trigger:
  - platform: state
    entity_id: switch.office_hvac
    id: 'on'
condition: []
action:
  - service: climate.turn_on
    target:
      entity_id: climate.l1_017
mode: single

You just need 2 condition/action pairs.
For sending the current State to Knx you can use expose or a second automation.

Bumpety bump :slight_smile:

Is there a way to have the Control elements show but not be active for changing? I have a separate switch wherein the AC goes to full auto climate control through automation - and I’d like to have the Control positions show (perhaps with muted or greyscale colours) but not be changeable, based on the value of a toggle helper entity.

Hey there,

it is for sure a stupid question but I can’t get it work ;-(

I want to color the text for labels:

type: custom:simple-thermostat
style: |
  ha-card {
    --st-font-size-xl: 10px;
    --st-font-size-m: 10px;
    --st-font-size-title: 10px;
    --st-font-size-sensors: 20px;
    --st-spacing: 2px;
    --st-toggle-label-color: '#66ffbf'; 
  }
entity: climate.heizkorper_gaste_wc
layout:
  step: column
header: {}
control: false
sensors:
  - entity: sensor.virtual_dummy_humidity
    name: Luftfeuchtigkeit


But the color does not change. Do you have a hint for me?

Greetings Nic

I think, but not sure that the logic in the automation should be:
If KNX button is pressed, use expose state to determine if button is on or off, if off then turn on the HVAC via Home Assistant. However, this is not working for me.

In my KNX configuration file I have:

expose:
    - type: binary
      address: "10/273"
      entity_id: switch.office_hvac
      default: false
 - name: "KNX Office HVAC"
      address: "10/273"
      state_address: "10/273"

Then the automation is

alias: KNX On Switch Office HVAC
description: ''
trigger:
  - platform: state
    entity_id: switch.office_hvac
    id: 'on'
condition:
  - condition: state
    entity_id: switch.office_hvac
    state: 'false'
action:
  - service: climate.turn_on
    target:
      entity_id: climate.l1_017
mode: single

Why don’t you try to use the automation builder UI instead of yaml - it makes certain things more approachable.

I think ‘false’ isn’t a state a switch can have. Either ‘on’ or ‘off’ (maybe None, not sure).

That said, I think you should create a new thread if you need more help. This has nothing to do with the Lovelace card this thread is about.

Hi, I installed this using HACS but trying to create an element with type: custom:simple-thermostat gets me an error Custom element doesn't exist: simple-thermostat.

I verified that HACS added the resource /hacsfiles/simple-thermostat/simple-thermostat.js?hacstag=158654878242 as a JS module. I also restarted my HA, but still get that error.

I’m using HA OS with core at version core-2021.8.8.

Hmm, not sure what happened, but today the card is loading…

@nervetattoo, I have a problem with the standard thermostat card and I am wondering if I install yours can my problem be fixed.

I have a Trane XR524 Z-wave thermostat. I just switched my Z-wave configuration from Homeseer to Home Assistant using the Zwave.js add-on. My thermostat works and I can control it from Home Assistant but it displays the current temperature in Celsius instead of Fahrenheit. See the attached pics.

See the following state information:

see the attribute “current_temp: 23” which when converted to Fahrenheit = 73.4 which would be correct.

Is there a way to convert this temp from Celsius to Fahrenheit using your card?

I have looked over everything I can find on the Thermostat itself and have set it to display Fahrenheit. In my configuration file I have Home Assistant set up to use Imperial units and have explicitly put in the line to use Fahrenheit.

Let me know what you think.

Best regards,

Chuck Rudolphy

Hi, would you please let me know what card is it, the one showing “Temperature”, “Humidity” and “illumination”.

Hi everyone,
is there any way to remove the current temperature? I am using the simple-thermostat for a thermostatic valve that does not report current temperature (I take it from another sensor) and this is what it shows (not very nice):

Is there a way to resize button icons to fit display?

cards:
  - control:
      _headings: false
      fan:
        quiet:
          icon: mdi:microphone-off
        auto:
          include: false
        low:
          icon: mdi:fan
        normal:
          icon: mdi:fan-speed-1
        high:
          icon: mdi:fan-speed-2
        highest:
          icon: mdi:fan-speed-3
      hvac:
        auto:
          include: false
        heat:
          icon: mdi:fire
    entity: climate.air_condition
    hide:
      mode: false
      temperature: true
      state: true
    sensors:
      - entity: sensor.ac_power_current_consumption
        icon: mdi:lightning-bolt
        decimals: 0
    step_size: '1'
    style: |
      ha-card {
      background: rgba(0, 0, 0, 0.06);
      border-radius: 30px;
      --st-spacing: 2px;
      --primary-text-color: gold;
      --secondary-text-color: gold;
      --ha-card-box-shadow: 0px 0px 6px rgb(0, 0, 0);
      --st-mode-background: rgba(0, 0, 0, 0.09);
      --st-font-size-sensors: 50px;
      }
      ha-card .mode-item {
      --st-spacing: 0px;
      border-radius: 15px;
      }
    type: custom:simple-thermostat
    header: false
    layout:
      mode:
        names: false
        headings: false
      step: row
    decimals: '0'
    unit: °