Swipe-card mit auto-entities

Dashboard/Cards/Frontend
1

Hallo zusammen,

ich bin absoluter HA Neuling und bin dabei mir ein Dashboard zu erstellen. Ich habe Programmier-Erfahrung, aber YAML Kenntnisse sind gleich NULL.

Aus einer Vorlage habe ich diesen Code gefunden:

  • type: custom:swipe-card
parameters:
  pagination: null
  type: bullets
cards:
  - type: grid
    columns: 2
    square: true
    cards:
      - type: button
        entity: light.schrank_links
      - type: button
        entity: light.schrank_rechts
      - type: button
        entity: light.schrank_oben
      - type: button
        entity: light.sofa
  - type: grid
    columns: 2
    square: true
    cards:
      - type: button
        entity: light.vorhang
      - type: button
        entity: light.esstisch
      - type: button
        entity: light.stehlampe
      - type: button
        entity: light.led_terrassentuere

Das Ergebnis gefällt mir sehr gut. So werden mir platzsparend 4 Lichter angezeigt und sollten es mehr werden, kann man diese durch swipen erreichen.

Nun möchte ich das Ganze allerdings etwas dynamischer gestalten und mir z.Bsp alle angeschalteten Lichter, Stichwort custom:auto-entities, anzeigen lassen.

Ich bin seit Tagen dran, habe alles mögliche ausprobiert und bekomme es einfach nicht hin.

Entweder habe ich die Lichter in 2 Spalten, dummerweise alle auf einmal und nicht nur 4er weise oder es kommt Konfigurationsfehler.

Ich hoffe Ihr könnt mir weiterhelfen.

2

Moin, moin,
ich habe auch fast meine gesamte Homeassistant-Oberfläche fürs Handy mit der Swipe-Card abgebildet.
Versuch aber mal die modernere Card:

https://github.com/nutteloost/simple-swipe-card

Hier passen die Kacheln recht gut (sind Phantasie-Switche von mir).

Screenshot 2026-02-11 203650
Screenshot 2026-02-11 203650444×436 17.1 KB

type: custom:simple-swipe-card
show_pagination: false
auto_hide_pagination: 0
auto_height: false
cards:
  - type: grid
    columns: 2
    square: true
    cards:
      - show_name: true
        show_icon: true
        type: button
        entity: switch.plug_3600watt
        tap_action:action: none
        icon_tap_action:action: more-info
      - show_name: true
        show_icon: true
        type: button
        entity: switch.plug_3600watt
      - show_name: true
        show_icon: true
        type: button
        entity: switch.sg_kontakt_1
      - show_name: true
        show_icon: true
        type: button
        entity: switch.sg_kontakt_1
  - type: grid
    columns: 2
    square: true
    cards:
      - show_name: true
        show_icon: true
        type: button
        entity: switch.sg_kontakt_1
      - show_name: true
        show_icon: true
        type: button
        entity: switch.sg_kontakt_2
      - show_name: true
        show_icon: true
        type: button
        entity: switch.plug_3600watt
      - show_name: true
        show_icon: true
        type: button
        entity: switch.sg_kontakt_1
  - type: tile
    entity: switch.hc_dhw_dhw_boost
    name: Warmwasser Boost auf 53°C
    state_color: true
    show_state: true
    tap_action:
      action: none
    icon_tap_action:
      action: more-info

  - type: tile
    entity: switch.hc_dhw_dhw_boost
    name: Warmwasser Boost auf 53°C
    state_color: true
    show_state: true
    tap_action:
      action: none
    icon_tap_action:
      action: more-info

Der untere Teil ist eine einfache Tile-Card. Die nehme ich in der Swipe-Card viel lieber. Da muss man “ genau” aufs Icon klicken. Sonst geht so ein Schalter mal beim wischen los und keiner sieht es.
Ich nutze immer einen vertikalen Stack. Da bekomme ich fürs Handy 2 Cards übereinander.

Screenshot 2026-02-11 205115
Screenshot 2026-02-11 205115682×961 61.7 KB

Screenshot 2026-02-11 205135
Screenshot 2026-02-11 205135673×1027 67.9 KB

Oben Watt und Solar, unten Kilowatt und Heizung.

Die “alte” Swipe-Card läuft übrigens am stabilsten, wenn man jede Card in einen vertikalen Stack packt. Heißt jetzt wohl nur noch “Stapel”, horizontal ist jetzt der Querstapel.
Viel Spass
Rainer

3

Hallo Rainer,

danke für Deine Antwort, allerdings ist mein Problem, dass ich eine dynamische Lösung suche.

Ich möchte in der Swipe-Card, egal ob alt oder neu, die aktuell eingeschalteten Lichter sehen.

Meinen Recherchen nach soll das mit auto-entities möglich sein. Es ist mir allerdings nicht gelungen, dass ich auto-entities mit einer Swipe-card verheiraten kann, um ein Bild, wie Deines oben, zu erhalten. So werden mir bei z. Bsp. bei 6 eingeschalteten Lichtern alle auf einmal in der swipe-card angezeigt und nicht 2 Kacheln mit 4, respektive 2 Lichtern.

Hättest Du da auch einen Vorschlag dazu?

6

Hiermit leuchten die Icons, must Du Dir mal Card-Mod installieren.

    card_mod:
      style: |
        :host {
         color: #2376d9
         {% if states(''binary_sensor.hc_dhw_dhw_demand'') == 'An' %}
        --paper-item-icon-color: orange;
        color: orange;
        {% endif %}
        font-size: 12px !important;
        font-color: blue;

oder so: gesamte Entity, muss dann wohl für jede sein.

  - entity: binary_sensor.hc_dhw_dhw_demand
    name: Warmwasserboost
    tap_action:
      action: none
    show_state: true
    state_color: true
    icon: mdi:water-boiler
    card_mod:
      style: |
        :host {
         color: #2376d9
         {% if states(''binary_sensor.hc_dhw_dhw_demand'') == 'An' %}
        --paper-item-icon-color: orange;
        color: orange;
        {% endif %}
        font-size: 12px !important;
        font-color: blue;

Ob es das ist, was Du suchst?

state_color kannst Du ja auch mal versuchen

 type: tile
entity: climate.altherma_leaving_water_offset
tap_action:
  action: none
icon_tap_action:
  action: more-info
name: Heizung
hide_state: false
state_color: true
vertical: false

VG
Rainer

Hi, einen habe ich noch:
Es gibt übrigens etliche Card´s, die nicht mit der Swipe-Card funktionieren. Also, verdaddle keine Zeit, wenn es nicht oder nur mit Abstürzen geht. Manche Card´s musst Du sogar in einen vertikalen Stack packen, obwohl das sinnfrei erscheint. Mit der “simple-Swipe-Card” ist mir dieses Verhalten noch nicht aufgefallen.
Wenn es denn gar nicht funktioniert, dann ist das so. Man muss auch mal verzichten können.
Ich mach jetzt Feierabend

:crayon:by HarryP: Zusammenführung Mehrfachpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)

7

Vielleicht wird es mit diesem Code etwas klarer, was ich erreichen möchte.

type: custom:swipe-card
parameters:
  pagination:
    type: bullets
  spaceBetween: 8
cards:
  - type: custom:auto-entities
    card:
      type: grid
      columns: 2
      square: true
    card_param: cards
    filter:
      include:
        - domain: light
          area: Wohnzimmer
    sort:
      method: name
    view_layout:
      grid-column: span 2
    page_size: 4

da bekomme ich aber so was wie das Bild unten und nicht eine 4 Kachel, die man swipen kann. Von den Konfigurationsfehlern ganz zu schweigen.Ich habe hier schon alle möglichen Kombinationen durch, komme aber nicht dahinter an was es liegen könnte.

image
image520×780 13.4 KB

8

Hi, funktioniert die Card denn ohne Swipe-Card?
Damit kann man ja eine Inkompatibilität ausschließen.

Es gibt da noch Versuche der Fehlerbehebung:

https://community.simon42.com/t/auto-entities-karte-funktioniert-nicht-richtig/75381/4

https://community.simon42.com/t/entity-filter-fuer-alle-lichter-die-an-sind/11287/2

Zu der Card an sich kann ich nichts sagen, da ich sie weder installiert habe noch nutze. Was ich bisher aber darüber gelesen habe, macht die Card aber erst bei sehr vielen auf einen Blick sichtbaren Entitäten Sinn.

Wenn man Google fragt:

Übersicht mit KI

Es gibt Berichte, dass

die auto-entities Karte in Home Assistant, insbesondere nach den Updates im Jahr 2025 (ab Version 2025.6), Probleme bereitet

. Dies äußert sich oft in einer roten “Configuration Error” Karte, da sich die Art und Weise, wie Home Assistant Fehler im Frontend handhabt, geändert hat.

Hier sind die bekannten Probleme und Lösungsansätze:

Was ist das Problem?

  • Fehlermeldungen: Nach 2025.6 zeigt auto-entities oft pauschal “Configuration error” an, anstatt spezifische Fehler zu nennen.

  • Filter-Probleme: Die Verwendung von Filtern (Templates) in Kombination mit bestimmten Kartentypen (wie history-graph) verursacht Fehler, da diese Karten manchmal vorübergehend keine Entitäten zurückgeben.

  • HACS-Installation: Manchmal werden Dateien bei der Installation über HACS nicht korrekt geladen, was zu “Not loaded” Fehlern führt.

Lösungsansätze

  1. auto-entities aktualisieren: Stelle sicher, dass du die allerneueste Version von auto-entities über HACS installiert hast (Version 1.16.1 oder neuer).

  2. HACS “Neu installieren”: Gehe in HACS auf die auto-entities Karte und führe eine erneute Installation/Installation der gleichen Version durch. Dies löst oft Probleme mit fehlenden Dateien.

  3. Browser-Cache leeren: Nach HA-Updates müssen oft die Frontend-Dateien (JavaScript) im Browser neu geladen werden.

  4. YAML-Konfiguration prüfen: Stelle sicher, dass die filter-Syntax korrekt ist. Der Fehler “Entities” oder “Either entities” tritt auf, wenn der Filter leer ist.

    • Workaround: Füge ein show_empty: true oder passende Filter hinzu, damit die Karte nicht “leer” ist.

  5. Prüfe GitHub Issues: Da sich die UI/Core von Home Assistant weiterentwickelt, werden bekannte Bugs im thomasloven/lovelace-auto-entities GitHub Repository diskutiert.