Umstieg von custom:bar-card zu custom:entity-progress-card in Home Assistant

Einleitung
Mit der kontinuierlichen Weiterentwicklung von Home Assistant werden einige benutzerdefinierte Karten, wie die custom:bar-card, entfernt oder durch neue Alternativen ersetzt. Dies kann zu Herausforderungen bei der Anpassung von Dashboards führen. In diesem Artikel wird erläutert, wie du die custom:entity-progress-card anstelle der custom:bar-card verwenden kannst, um ein ähnliches visuelles Ergebnis zu erzielen.

Problem
Die custom:bar-card wurde aus Home Assistant entfernt, und die empfohlene Alternative ist die custom:entity-progress-card. Nutzer berichten, dass sie beim Einsatz der custom:entity-progress-card einen zusätzlichen Rahmen um jede Entität erhalten, was das gewünschte Design beeinträchtigt. Die Frage ist, wie man die Darstellung ohne diesen Rahmen optimieren kann.

Lösung
Die Lösung besteht darin, die vertical-stack-Karte durch die custom:vertical-stack-in-card zu ersetzen. Diese Anpassung entfernt die unerwünschten Abstände zwischen den Karten und sorgt für eine nahtlose Darstellung der Entitäten.

Hier ist der angepasste Code:

type: custom:vertical-stack-in-card
cards:
  - type: custom:entity-progress-card
    entity: sensor.dwd_pollen_ambrosia
    decimal: 0
    min_value: 0
    max_value: 6
    unit: index
    icon_tap_action:
      action: more-info
    custom_theme:
      - min: 0
        max: 1
        color: cyan
      - min: 1
        max: 2
        color: green
      - min: 2
        max: 5
        color: yellowgreen
      - min: 5
        max: 6
        color: red
    name: Ambrosia
    disable_unit: true
  # Weitere Entitäten hier hinzufügen...

Durch diese Änderung wird das Layout der Karten optimiert, und die Abstände zwischen den einzelnen Entitäten werden entfernt.

Schritte zur Umsetzung
1. Stelle sicher, dass die custom:vertical-stack-in-card in deinem Home Assistant über HACS installiert ist.
2. Ersetze in deinem YAML-Code die Zeile type: vertical-stack durch type: custom:vertical-stack-in-card.
3. Speichere die Änderungen und lade dein Dashboard neu, um die Anpassungen zu sehen.

Hintergrundwissen
Die custom:entity-progress-card ist eine benutzerdefinierte Karte, die es ermöglicht, den Fortschritt von Entitäten visuell darzustellen. Sie ist besonders nützlich für Sensoren, die Werte in einem bestimmten Bereich anzeigen, wie z.B. Pollenwerte. Die custom:vertical-stack-in-card hingegen ist eine erweiterte Version der vertical-stack, die zusätzliche Anpassungen ermöglicht und dabei hilft, Abstände zwischen den Karten zu minimieren.

Zusätzliche Infos

Hinweise & Best Practices
- Achte darauf, dass alle benutzerdefinierten Karten, die du verwendest, regelmäßig aktualisiert werden, um Kompatibilitätsprobleme zu vermeiden.
- Teste die Darstellung auf verschiedenen Geräten, um sicherzustellen, dass das Layout überall gut aussieht.
- Nutze die Dokumentation der jeweiligen Karten, um alle verfügbaren Optionen und Anpassungen zu verstehen.