Lovelace: Simple thermostat card

spider7611 · January 12, 2024, 2:53pm

Thank You, I found the solution.
First make a template sensor in configuration.yaml under sensor:
like this:

 - platform: template
    sensors:
      room_1_hvac_action:
        value_template: >
          {% if is_state_attr('climate.room_1', 'hvac_action', 'idle') %} tétlen {%
          elif is_state_attr('climate.room_1', 'hvac_action',  'heating') %} fűtés
          {% else %} hiba {% endif %}

Then on frontend edit thermostat card like this (last line is the relevant for this translation):

type: custom:simple-thermostat
entity: climate.room_1
version: 3
header:
  name: Lakás termosztát
layout:
  mode:
    names: true
    headings: false
control:
  hvac:
    'off':
      name: KI
    heat:
      name: Fűtés
    auto:
      name: Auto
sensors:
  - id: temperature
    label: 'Hőmérséklet:'
    template: '{{current_temperature|formatNumber}}°C'
  - entity: sensor.room_1_humidity
    template: '{{state.text}}%'
    label: 'Páratartalom:'
  - id: state
    label: 'Működés:'
    entity: sensor.room_1_hvac_action

Stratos858 · February 10, 2024, 2:41pm

Hello.

Can I remove the ‘none’ button of the generic thermostat presets?

haze.1986 · February 11, 2024, 8:04am

TheMystery:

I’am making a lovlace interface for my iphone, so makeing evrything smaller en set it in vertical/hortizontal stack.
I’ve installed the card mod plugin and added this style:
style: |
  ha-card {
    --st-font-size-xl: 20px;
    --st-font-size-m: 12px;
    --st-font-size-title: 20px;
    --st-font-size-sensors:12px;
    --st-spacing: 2px;
  }
  .mode-item {
    flex-direction: row !important;
    font-size: 80%;
  }
In my browser it is working, but on my iphone app only the st-font-size-xl is not working.
It stays the same, is there a way to solve this?

Hi have u found a fix? same for my android app.

TheMystery · February 11, 2024, 9:15am

No, I’m now using the climate card from mushroom

Stratos858 · February 11, 2024, 4:08pm

Hello. I found the questions months before but I couldnt find the reply.
I have 4 simple thermostats cards and one template to average all of them.
My 4 thermostats have different target temperature. When I change the temp from master template they are all goes to the same target.

What I need is
To keep the exact temp in each thermostat and add only the average diference when I change the master tamplate.
Or
Alternative, to hide the arrows of the master template card and use only the presets.

Sorry for my bad english and thank you for your time.

HA_n00b · February 18, 2024, 8:21am

I cannot change the first fan icon. I want to use “mdi:fan-auto”, but it doesn’t change.
Anyone know?

YAML:

type: custom:simple-thermostat
entity: climate.ac_living_room
header:
  name: Airco Living Room
  icon: mdi:hvac
layout:
  mode:
    icons: true
    names: false
    headings: false
  step: row
control:
  hvac:
    auto: false
    dry: false
    fan_only: false
  fan:
    1 Lowest:
      include: true
      name: Lowest
      icon: mdi:fan-speed-1
    2 Low:
      include: true
      name: Low
      icon: mdi:fan-speed-2
    3 High:
      include: true
      name: High
      icon: mdi:fan-speed-3
    4 Highest:
      include: true
      name: Highest
      icon: mdi:fan-speed-3
    Auto:
      include: false
      name: Auto
      icon: mdi:fan-auto

ntk9 · February 20, 2024, 12:23am

How can i remove this. I tried _heading: false but its not working

masterpete · February 20, 2024, 7:11pm

@ntk9
control:
preset:
_name: ’ ’
hvac:
_name: ’ ’

Question to all: Is there a possibility to just add 3 buttons with fixed temperatures like 5,17,21?

norburban · February 24, 2024, 8:48pm

Hello @crudolphy , Did you ever figure this out? I also have my HA system default set to Celsius but want the climate card to display Fahrenheit.

onepointbrewing · February 26, 2024, 12:49am

Did you ever find a solution for this - im looking for the same thing right now.

roelkleine · February 26, 2024, 10:13pm

Hello Stefan, i am beginner with HA. I have seen your poste of the Simple Thermostat card. Now I have almost the same card. Only your added sensor, with te green leaf , witch is perfecty, is missing…;
Can I have a screenshot of the code that you made. I mean how you made:

entity: binary_sensor.producing_green_energy

Thanks…

langestefan · February 26, 2024, 10:38pm

You can make it very easily in the UI with a threshold sensor. Select your energy production entity from DSMR and set an upper limit of a small value like 1W. Whenever you are producing green energy (returning energy to the grid via solar panels) this threshold sensor will be true.

domain_int · February 27, 2024, 12:28am

Hey guys

Dose anyone have any methods of disabling the more-info screen when you tap the temperature.

Unfortunately the change in the climate entity card (more-info) in 2023 means that the UI/UX is a different experience (horseshoe) to the simple-thermostat UI/UX experience.

I fully expect that card-mod may have something, I just cant find any references thru search

Thanks

crudolphy · February 27, 2024, 2:36pm

Sorry for the late response, I was out of town. I don’t remember if I ever figured it out or not to be honest. So many things in my setup and with HA have changed since 2021.

I am now using a Honeywell z-wave thermostat instead of the Trane and I use the Mushroom climate card to control it. I have also used the default climate card supplies with HA. Both report my temps in Fahrenheit not Celsius.

ntk9 · March 5, 2024, 9:48am

Hello. There is a way to fix the + and - and also move t C° to the other side when using rtl language.

troybos · March 20, 2024, 11:32pm

I am using you config above with card-mod, but it does not hide the target temp and arrows. How did you implement this with card-mod?

TriStone · March 21, 2024, 7:22am

Well, it is 4 year old comment. I am not surprised it is no longer working. The HTML / CSS layout has changed since that time.
I am not personally using any such hack for years already as I switched to Zigbee TRVs and there is no need for such modifications.
I think you need to inspect the page code and adapt the CSS selectors to match current reality.

sgatke · March 26, 2024, 12:22pm

Can you please post a code example for hiding the “ui.card.climate.operation” on the climate card?

I would really like to remove that part from my card

My code is here:

type: custom:simple-thermostat
entity: climate.stue
name: AC Stue
title: Stue
layout:
step: row
control:
hvac:
heat_cool:
include: false
fan_only:
include: false
dry:
include: false
_headings: false
include: false

Thank you.

duncan86 · March 28, 2024, 4:34pm

Add this under the hvac:

_name: "pick any name you want"

That works for me. This is my card config:

    - type: custom:simple-thermostat
      entity: climate.verwarming_woonkamer
      header:
        name: Verwarming
        icon: false
      step_size: '1'
      layout:
        step: column
      sensors:
        - entity: climate.verwarming_woonkamer
          attribute: system_mode
          name: Mode
          icon: mdi:radiator
      hide:
        temperature: true
        state: true
      control:
        hvac:
          _name: Mode
      card_mod:
        style: |
          ha-card {
                border: none;
                background: none;
          }

Hope this helps

piotrek2555 · April 2, 2024, 9:35am

On my ipad see: custom element doesnt exist: simply thermostat . On my pc and android, working, only on my ipad dont want. Either on safari and HA app. 16.7.2 - ipad os. Home asistant app, up to date