Lovelace: Simple thermostat card

is it possible to combine separate climate controls into one card.

for my needs, I have 2 AC units and 3 water pumps to heat my house.

so in total i have 5 honeywell t6 zwave thermostats, 2 for the acs and 3 for the pumps,

I would like to setup 3 cards 2 of which are combined controlling by 1 heat pump and 1 ac each and one that controls the 3rd heat pump

Hi @deluxestyle I’m having the same issue! Did you find a solution?? I tried a lot of different things but can’t make my compact mode work! :frowning:

I found a solution but changed it again
Unfortunately I cannot remember what I did :frowning:

Hi, folks!
Is it possible to change display units solely on thermostat card? For example, HASS in C, and thermostat in F?

1 Like

Bonjour Gaetan, je débute sur Home Assistant et surtout sur Github. Saurais-tu m’expliquer comment traduire cette application s’il te plait ?

How did you get selection of your Modes in the card? I have ecobee but thinking it will be similar.

I think it was a default, only with option to hide the mode selector. I don’t think it is possible to have it like that anymore. Some great progress was made by the card author.

Now you can have nice buttons below the card. Plus if you click on card header, you can change the mode there. I only change the mode twice a year, so that is how I do it.

Some examples are here: https://github.com/nervetattoo/simple-thermostat

For me I have this now:

image

If I do click on Dining Room I get basically the same options

What I’m trying to hit is the preset_modes and then preset_mode to make sure the right preset_modes is selected in the pulldown.

Also what’s funny is this card literally disappears on the page if I use the above climate.dining_room_2 as my main card feed. Have to use climate.dining_room. ’

image

I know ecobee has two temp cards in HA, one is the built in one the other supposedly Apple HomeKit or something.

I don’t believe it’s possible to combine multiple thermostats into one card but I use the custom ‘Swipe Card’ to swipe between multiple thermostats. For example, I also have a heat pump and a standard hydronic gas heated boiler and I swipe between the two depending on the weather. You can set which thermostat appears first using the ‘start_card’ option for ‘Swipe Card’.

(please excuse the quality)

1 Like

Wow. How did you get the look of the card in your gif? It looks really fancy.

You can stack custom button card below and create your own preset buttons.

Combination of simple thermostat, swipe card, mini-graph-card and vertical-stack-in card. Also a little styling. If you have any specific questions let me know.

Thanks for your response, your cards look awesome. I managed a solution using a few automations and conditional cards

1 Like

It’s the styling, that all the cards looks like one card. Is this a specific theme or can it be done with the styling of the vertical-stack card?

By stacking simple-thermostat-card with mini-graph-card, you can achieve this look easily. Hiding the title from the graph is also required for a more seamless appearance. I use the iOS Dark Theme.

I have done it also with a vertical-stack but it looks like two cards not one card. Do you have changed anything else?
card

Your code should be similar to this for vertical-stack-in-card to work properly with simple-thermostat and mini-graph-card.

cards:
  - cards:
      - entity: climate.family_room_2
        name: Family ecobee
        type: 'custom:simple-thermostat'
    type: horizontal-stack
  - cards:
      - align_state: center
        entities:
          - color: '#11A579'
            entity: sensor.family_room_temperature
            index: 0
            name: Family
        type: 'custom:mini-graph-card'
    type: horizontal-stack
type: 'custom:vertical-stack-in-card'

1 Like

I tried to copy what you did akifbayram. However, I had some issues with the vertical-stack-in-card as well as with the horizontal-stack in the last weeks. For this reasons I try to avoid these two cards. I get the following result with the following code. I’m mostly happy with it. But what I like much mor in your variant is that your mini-graph-card is visible up to the edge of the card. Mine is cut some space before. Does someone know how to avoid this.

    - type: entities
      title: BÜRO
      show_header_toggle: false
      style: |
        ha-card {
          border-radius: 15px;
          background-color: rgba(220,220,220,0.5);
          box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50);
          font-weight: bold
        }
      entities:
      - type: 'custom:simple-thermostat'          # card type
        entity: climate.generic_thermostat_office # used climate entity
        name: false                               # card title or false
        icon: false                               # icon details or false
            # heating: mdi:fire     # defines icon for heating beside card title. Alternative - mdi:radiator         
            # idle: mdi:fire        # defines icon for heating beside card title. Alternative - mdi:radiator-disabled
            # 'off': mdi:power      # defines icon for heating beside card title. Alternative - mdi:radiator-off
        fallback: 'AUS'             # defines what is shown if no temperature is available
        decimals: 1                 # defines number of shown decimals
        step_size: 0.5              # defines step size of the thermostat
        step_layout: column         # defines layout
        label:
            temperature: Temperatur # defines used label for temperature 
            state: Status           # defines used label for state 
        hide:
            temperature: false      # defines if temperature should be shown
            state: true             # defines if temperature should be shown
        control:
          _headings: false          # defines if actionname is written besides the hvac modes
          _names: true              # defines if button has a name
          _icons: true              # defines if buttons have an icon
          hvac:
            heat:
              name: 'An'            # defines label of mode heat
              icon: mdi:fire        # defines icon of mode heat
            'off':
              name: 'Aus'           # defines label of mode off
              icon: mdi:power       # defines icon of mode off
        sensors:
          - entity: sensor.bu_wandthermostat_humidity
            name: Luftfeuchtigkeit
            icon: mdi:water-percent
        style: |
          ha-card {
            border-radius: 15px;
            background-color: rgba(000,000,000,0.0);
            box-shadow: 1px 1px 2px 0px rgba(000,000,000,0.0);
            font-weight: bold;
            --st-spacing: 2px;
          }
          ha-card .mode-item {
            background: rgba(000,000,000,0.0);
            color: rgba(150,150,150, 1.0);
          }
          ha-card .mode-item.active {
            background: rgba(002,136,209,1.0); 
          }
          ha-card .mode-item:hover {
            background: rgba(220,220,220,0.5);
          }
      - type: custom:mini-graph-card
        hours_to_show: 168
        points_per_hour: 10
        animate: false
        decimals: 1
        lower_bound: 18
        upper_bound: 26
        height: 300 
        show:
          icon: false
          name: false
          state: false
          fill: true
          labels: true
          extrema: false
        line_width: 1
        hour24: true
        entities:
          - entity: sensor.average_office_temperature_2h
            name: Gemessen
            color: green
          - entity: sensor.homematic_ip_temperature_setpoint_office
            name: Homematic
            color: rgba(106,201,254,1.0)
          - entity: sensor.homeassistant_temperature_setpoint_office
            name: HomeAssistant
            color: rgba(002,136,209,1.0)
        style: |
          ha-card {
            border-radius: 15px;
            background-color: rgba(000,000,000,0.0);
            box-shadow: 1px 1px 2px 0px rgba(000,000,000,0.0);
            font-weight: bold
          }
1 Like

I use the iOS Dark theme. Maybe you can try that and see if it’s your template which is adding the padding.

Another question, is there a way to increase the distance between the buttons?