Request to add temperature control buttons in horizontal view - THERMOSTAT CARD

Hi,
I have a question regarding the horizontal view where I display two thermostats side by side. In the large view, the + and - buttons for adjusting the temperature are visible for each thermostat, but in the horizontal view, they are missing.

Would it be possible to add this feature (e.g., displaying the + and - buttons also in the horizontal view)? It would greatly improve the usability of the card.

Thank you in advance for considering this and for the amazing work on the card! :blush:

some like this (its edition by myself on the picture)

I believe the issue with the +/- controls has to do with the size of the card, not whether it is in vertical or horizontal mode. Just saying.

You might want to look at another thermostat control, the Mushroom Climate Card, see if it suits your sensibilities (left column, below).

I know what you mean but with 2 cards next to each other there is enough space for the ± to be there and it would make the topic easier. Can you post the yaml to mushroom? I’ll take a look!

Yea, I understand (space for controls).

What I don’t understand is how I got the Custom: cards installed. (It’s been a whirlwind of a getting up to speed year). Doh!

1 Like

Hello Peres,

This appears to be a Frontend Related Feature Request as it is asking for changes to Dashboards or Sections.

These Feature Requests are handled in a different system, and will not be seen by the right people here.

Please add your Feature Request into GitHub here:
home-assistant/frontend Other Feature Requests · Discussions · GitHub.

See more info about Feature Requests HERE

1 Like

ohh, thanks. added:)

Thank you for your help. For now, I decided to go with the Mushroom card, and it looks fine. In case someone needs it, I’m sharing my YAML and a photo. Cheers!

image

type: custom:mod-card
card:
  type: custom:stack-in-card
  cards:
    - type: custom:button-card
      entity: sensor.aktualna_temp_salus_salon
      name: "Aktualna temperatura salon:"
      show_icon: false
      show_state: true
      styles:
        card:
          - font-size: 12px
          - text-align: center
          - padding: 12px
          - background: var(--card-background-color)
          - color: var(--primary-text-color)
          - box-shadow: none
          - border: none
        name:
          - font-weight: normal
        state:
          - font-weight: bold
          - font-size: 18px
    - type: custom:mushroom-climate-card
      entity: climate.salus_regulator_salon
      show_temperature_control: true
      fill_container: false
      collapsible_controls: true
      name: Salon
      primary_info: none
      secondary_info: none
      icon_type: true
      tap_action:
        action: more-info
      hold_action:
        action: none
      double_tap_action:
        action: more-info
      styles:
        card:
          - border: none
          - box-shadow: none
          - padding: 0
          - margin: 0
          - background: var(--card-background-color)
style: |
  stack-in-card, mushroom-climate-card, custom-button-card, ha-card {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
  }

  stack-in-card > * {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
  }