We use cookies on this site to enhance your user experience

By clicking the Accept button, you agree to us doing so. More info on our cookie policy

Smart Home Bastler Logo

Floorplan Button Position Generator

Erstelle Buttons auf dem Home Assistant Picture Elements Floorplan

Floorplan Button Positionierung

Positioniere deine Buttons für alle Entitäten direkt auf deinem Floorplan

Mit diesem Tool kannst du durch Eingabe der Angaben zu deinen Entitäten, die Buttons direkt auf deinem Floorplan-Hintergrund positionieren. Nach der Positionierung, generierst du dir den YAML-Code um diesen direkt auf deinem Home Assistant Dashboard Floorplan einzutragen.

Entitätenliste mit Home Assistant abfragen

Mit dem folgenden Tool kannst du für die ausgewählte Domain (z. B. light, switch, binary_sensor usw.) den passenden Template-Code generieren, um alle Entitäten dieser Domain in einer Liste auszugeben. Kopiere den Code und füge ihn in deinen Template-Editor in den Home Assistant Entwicklerwerkzeugen ein.
Als Ergebnis erhälst du eine Liste aller Entitäten dieser Domain. Mit der Aktivierung der Checkbox Anzahl anzeigen, wird die Anzahl der ausgewählten Domain zur Information ebenfalls mit ausgegeben.
Die generierte Liste kannst du kopieren und entweder direkt hier einfügen oder eine .csv oder .txt Datei erstellen und diese hier einfügen

        
{%- set light_entities = states.light | map(attribute='entity_id') | list -%}
{{ light_entities | join('\n') }}
        
    

Entitäten Liste erstellen

Um das Auswählen deiner Entitäten für die Codegenerierung einfacher zu gestalten, sind hier alle Entitäten für deine Beleuchtungsbilder einzugeben oder hochzuladen. Mit einem Klick auf Entitäten-Liste aktualisieren werden diese Entitäten in den Entität Dropdown der nachfolgenden Tabelle geladen.

Bild hochladen

Lade ein Bild hoch, fülle die gewünschten Button-Einstellungen aus, und klicke dann auf die Position im Bild, an der der Button platziert werden soll. Für jede Positionierung kannst du unterschiedliche Einstellungen, wie Entität, Icons, und Aktionen (Tap/Hold), angeben. Nachdem du alle gewünschten Buttons gesetzt hast, klicke auf "YAML-Code generieren". Der erstellte YAML-Code wird unten angezeigt und kann kopiert werden, um ihn in dein Home Assistant-Dashboard einzufügen.

Bildabmessungen: Noch kein Bild hochgeladen

Button-Einstellungen

❗Wichtig

Um die Buttons am Floorplan darzustellen ist die HACS Integration "Button Card" notwendig.
Diese Integration ist unbedingt vorab zu installieren!

Markierte Positionen:

Position Entität Icon-Pfad Fehler-Icon An-Icon Aus-Icon Größe (%) Form

Generierter YAML-Code:

Viel Erfolg bei der Positionierung deiner Buttons! 🎉

Wenn dir meine Videos auf 'Smart Home Bastler' oder die hilfreichen Tools auf meiner Website gefallen und du meine Arbeit unterstützen möchtest, freue ich mich über jede Art von Unterstützung

❤️ Danke, dass du Teil der Community bist! ❤️