Zwei Werte eines Gerätes auf einer Karte anzeigen (Shelly H&T)

Zauselchen · 14. September 2025 um 14:52

Hallo in die Runde, brauche mal einen heißen Tip da ich bisher nicht fündig geworden bin.
Ich möchte auf meinem Dashboard zB vom Shelly H&T beide Werte (Temp. und Feuchte ) aus Platzgründen hintereinander auf einer Kachel anzeigen lassen. In der Shelly-App ist das möglich, geht das bei HA auch?

Schwippser · 14. September 2025 um 14:55

Gibt viele Möglichkeiten das zu tun.

BubbleCard, Multiple Entity Row, Custom Button Card.

Findest du alle 3 in HACS

Eine Standard-Karte dafür wäre die Glance

Zauselchen · 14. September 2025 um 18:21

Vielen Dank, Glance hatte ich schon probiert, ist aber zu groß. Werde aber mal HACS installieren und da weitersuchen.

Mirco · 15. September 2025 um 10:00

Meinst du soetwas?

Bei mir sind das

cards: type: custom:mushroom-template-card`

* `type: custom:mushroom-template-card`
  `primary: Keller`
  `icon: mdi:washing-machine`
  `icon_color: |-`
  `{% if is_state(‘light.waschkuche’, ‘on’) %}`
  `orange`
  `{% endif %}`
  `tap_action:`
  `action: navigate`
  `navigation_path: /dashboard-smartphone/keller`
  `secondary: >-`
  `{{ states(‘sensor.klima_shelly_temperature’) }} °C / {{`
  `states(‘sensor.klima_shelly_humidity’) }} %`
  `badge_icon: “”`
  `badge_color: “”`

by HarryP: Code-/Logzeilen formatiert (bitte immer in </> einbinden)
s.a.: (Neues Update & Features - Hier in der Community 🫶)

Zauselchen · 15. September 2025 um 13:15

ja, genau, werde ich heute Abend gleich testen

Dschido · 15. September 2025 um 13:55

Oder du machst dir ein kleines Sensor Template und packst da deine beiden Sensoren rein.


{{states('sensor.XXX_temperature')}}°C - {{states('sensor.XXX_humidity')}}%

Grüße Guido

Schwippser · 15. September 2025 um 14:04

Hab da mal was zusammen gestellt.

Möglichkeit 1:

type: entities
entities:
  - type: section
  - entity: update.home_assistant_operating_system_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA OS
    secondary_info: null
    entities:
      - entity: update.home_assistant_operating_system_update
        name: Status
  - entity: update.home_assistant_core_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA Core
    secondary_info: null
    entities:
      - entity: sensor.home_assistant_core_cpu_percent
        name: CPU
      - entity: sensor.home_assistant_core_memory_percent
        name: RAM
      - entity: update.home_assistant_core_update
        name: Status
  - entity: update.home_assistant_supervisor_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA Supervisor
    secondary_info: null
    entities:
      - entity: sensor.home_assistant_supervisor_cpu_percent
        name: CPU
      - entity: sensor.home_assistant_supervisor_memory_percent
        name: RAM
      - entity: update.home_assistant_supervisor_update
        name: Status
  - entity: update.home_assistant_supervisor_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA Host
    secondary_info: null
    entities:
      - entity: sensor.home_assistant_host_disk_total
        name: total
      - entity: sensor.home_assistant_host_disk_free
        name: free
      - entity: sensor.home_assistant_host_disk_used
        name: used
      - entity: sensor.home_assistant_host_os_agent_version
        name: Version
  - type: section
grid_options:
  columns: 12
  rows: auto
show_header_toggle: false
state_color: false
card_mod:
  style: |
    :host {
      --card-background-color: linear-gradient(311deg, rgba(7, 189, 223, 0.4), transparent 100%); !important;
    }
    ha-card {
      border: 0rem solid rgba(201, 201, 201, 0.4);
      border-radius: 0px !important;
      shadow: 4.5px 4.5px 13px rgba(0, 26, 28, 0.7), -4.5px -4.5px 13px rgba(0, 26, 28, 0.7);
      text-align: left;
      margin: 0;
    }

Möglichkeit 2:

type: custom:bubble-card
card_type: button
button_type: name
entity: input_button.fake_entity
card_layout: large-2-rows
sub_button:
  - entity: sensor.netzbezug_energie
    show_state: true
    show_name: true
  - entity: sensor.einspeisung_energie
    name: Einspeisung
    show_name: true
    show_state: true

Natürlich mit deinen Entities füttern und Style anpassen

Zauselchen · 15. September 2025 um 21:55

Vielen Dank an alle, hab jetzt meine kleinen Kärtchen

Ikke · 16. September 2025 um 14:58

Moin,

darf ich dich fragen wie du das machst?

Diese multiple entity row ist doch eine Karten-Erweiterung, oder?

Ich beisse mir seit etlichen Tagen die Zähne daran aus. Obwohl ich - soweit ich weiß - alles Buchstabe für Buchstabe so mache, wie es auf der Github-Seite steht, kriege ich immer einen “Configuration Error”.

Gibt es eine idiotensichere, also für mich geeignete, Anleitung dafür?

Vielen Dank schonmal

Ikke

Schwippser · 16. September 2025 um 14:59

die Multiple-Entity-Row ist eine Custom Card aus HACS.
Zeigt mal deinen Code her … vielleicht findet sich ja der Fehler

Zauselchen · 16. September 2025 um 16:59

@Ikke

Also ich habs jetzt so gelöst:

type: custom:mushroom-template-card
primary: Keller
secondary: >
  {{states('sensor.shelly_h_t_keller_temperature')}}°C -
  {{states('sensor.shelly_h_t_keller_humidity')}}%
features_position: bottom
multiline_secondary: true
grid_options:
  columns: 3
  rows: auto
vertical: true
entity: sensor.shelly_h_t_keller_temperature
tap_action:
  action: more-info
icon_tap_action:
  action: more-info

Ikke · 16. September 2025 um 17:22

@schwippser

Ich hab zum Testen deinen Code von oben genommen. Also den hier:

type: entities
entities:
  - type: section
  - entity: update.home_assistant_operating_system_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA OS
    secondary_info: null
    entities:
      - entity: update.home_assistant_operating_system_update
        name: Status
  - entity: update.home_assistant_core_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA Core
    secondary_info: null
    entities:
      - entity: sensor.home_assistant_core_cpu_percent
        name: CPU
      - entity: sensor.home_assistant_core_memory_percent
        name: RAM
      - entity: update.home_assistant_core_update
        name: Status
  - entity: update.home_assistant_supervisor_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA Supervisor
    secondary_info: null
    entities:
      - entity: sensor.home_assistant_supervisor_cpu_percent
        name: CPU
      - entity: sensor.home_assistant_supervisor_memory_percent
        name: RAM
      - entity: update.home_assistant_supervisor_update
        name: Status
  - entity: update.home_assistant_supervisor_update
    show_state: false
    type: custom:multiple-entity-row
    name: HA Host
    secondary_info: null
    entities:
      - entity: sensor.home_assistant_host_disk_total
        name: total
      - entity: sensor.home_assistant_host_disk_free
        name: free
      - entity: sensor.home_assistant_host_disk_used
        name: used
      - entity: sensor.home_assistant_host_os_agent_version
        name: Version
  - type: section
grid_options:
  columns: 12
  rows: auto
show_header_toggle: false
state_color: false
card_mod:
  style: |
    :host {
      --card-background-color: linear-gradient(311deg, rgba(7, 189, 223, 0.4), transparent 100%); !important;
    }
    ha-card {
      border: 0rem solid rgba(201, 201, 201, 0.4);
      border-radius: 0px !important;
      shadow: 4.5px 4.5px 13px rgba(0, 26, 28, 0.7), -4.5px -4.5px 13px rgba(0, 26, 28, 0.7);
      text-align: left;
      margin: 0;
    }

Einmal so wie oben und einmal mit Entitäten die es in meinem HA gibt.

Es kommt sofort “Konfigurationsfehler”

Ich verstehe das auch so, daß man diesen Code in die Standard-Entitäten-Karte von HA einfügen muss. Oder bin ich DA schon aufm falschen Dampfer?

Schwippser · 16. September 2025 um 18:55

und du must die “multiple entity row” aus HACS runterladen

Ikke · 16. September 2025 um 19:50

Das hab ich gemacht. Anschließend wie angegeben die js-Datei in den www-Ordner und den Code wie angegeben in die configuration.yaml eingefügt.

Ist ja nicht das erste mal, daß ich Sachen aus dem HACS installiere.

Nur funktionieren tut’s nicht.

Gruß

Ikke

Schwippser · 16. September 2025 um 20:17

ich denke nicht, dass du im yaml-mode bist.Deswegen reicht die Installation aus HACS ohne irgendetwas in die configuration.yaml einzufügen. Immer genau lesen!!!

OR install using HACS and add this (if in YAML mode):

da steht “if”.

Ikke · 17. September 2025 um 03:46

Ja, aber da steht auch “and”

Das hab ich in die configuration.yaml eingetragen. Meinst, das war falsch? Aber warum steht es denn da?

Schwippser · 17. September 2025 um 05:38

Nimm es wieder raus , wenn du über HACS installiert hast.

Ikke · 17. September 2025 um 06:12

So, ich hab jetzt mal alles raugsgeschmissen, die js-Datei gelöscht, den Code aus der Configuration.yaml gelöscht, HA neu gestartet. Dann das Repository neu heruntergeladen und sonst weiter nichts von dem gemacht, was in der Installationsanleitung bei Github steht. Und: Es geht! Da frage ich mich doch aber ernsthaft, warum das dann in der Anleitung so drin steht, wenn es nur funktioniert wenn man die Anleitung ignoriert.

Na egal, das Ergebnis zählt.

Vielen Dank für die Unterstützung.

Ikke

Schwippser · 17. September 2025 um 07:11

In der Installationsanleitung steht es korrekt.

1x manuell, dann Dateien händisch kopieren und Eintrag in die configuration.yaml

1x HACS, dann nichts tun … nur wenn HA im YAML-Mode - dann Eintrag in configuration.yaml

Das ist übrigens bei fast allen HACS-cards so

Ikke · 17. September 2025 um 08:08

Also ICH lese das so, daß man beides machen muss.

Und bisher hatte ich noch mit keiner HACS-Repository ein Problem.

wdas…

Thema		Antworten	Aufrufe
Hilfe: Shelly Powerwert und Schalter auf einer Karte anzeigen Dashboard/Cards/Frontend templating , yaml	6	130	26. September 2025
Welche Kachel (Tabelle) benutzen für Shelly Aktoren Shelly	12	380	18. September 2025
Fromatieren in der Entitätenkarte Dashboard/Cards/Frontend	2	74	20. August 2026
"Nur" den Sensorwert anzeigen lassen Dashboard/Cards/Frontend	4	397	21. Juli 2025
Anzeige von zwei entitäten in einer Zeile mit Farbwechsel nach Zustand Dashboard/Cards/Frontend	6	146	5. Februar 2026

Zwei Werte eines Gerätes auf einer Karte anzeigen (Shelly H&T)

Verwandte Themen