Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    687

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation

Scheduled Pinned Locked Moved ioBroker Allgemein
lovelacedokumentationleitfadenhilfeanleitung
194 Posts 30 Posters 58.0k Views 37 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B benni86

    Funktioniert bei euch die weather-forecast Card? Ich versuche sie gerade das erste mal einzurichten, habe den Raum "any" und die Function "weather" angelegt aber er legt die Entitäten einfach nicht an. Habe es mit dem Adapter daswetter aber auch mit yr probiert. In den Logs vom Lovelace Adapter den ich mehrfach neugestartet habe sieht man auch nichts. Irgendwelche Ideen wo ich suchen könnte?

    B Offline
    B Offline
    benni86
    wrote on last edited by benni86
    #184

    @benni86 Ah Problem selbst gelöst, da war das Problem, die Einstellung:
    Automatische Generierung von Geräten nur aus Alias.0.

    GarfonsoG 1 Reply Last reply
    1
    • B benni86

      @benni86 Ah Problem selbst gelöst, da war das Problem, die Einstellung:
      Automatische Generierung von Geräten nur aus Alias.0.

      GarfonsoG Offline
      GarfonsoG Offline
      Garfonso
      Developer
      wrote on last edited by
      #185

      @benni86
      Sehr gut, dass du das gefunden hast. :-)

      Ansonsten hilft bei so Problemen auch immer den devices Adapter installieren und im Geräte-Tab gucken, ob das Gerät da (richtig) auftaucht. Wenn nicht, hat lovelace keine Chance.

      Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

      Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

      P 1 Reply Last reply
      0
      • GarfonsoG Garfonso

        @benni86
        Sehr gut, dass du das gefunden hast. :-)

        Ansonsten hilft bei so Problemen auch immer den devices Adapter installieren und im Geräte-Tab gucken, ob das Gerät da (richtig) auftaucht. Wenn nicht, hat lovelace keine Chance.

        P Offline
        P Offline
        piatho
        wrote on last edited by
        #186

        @garfonso Ich habe mal eine Frage zur technischen Umsetzung. Die Frage steht ein wenig in Bezug zum Github Issue #555

        Templates funktionieren bei mir eingeschrängt, wenn ich entsprechende Inhalte in die RAW YAML am Anfang eintragen. Aber es gibt eine Menge schöne Templates die aus mehrfach verschachtelten yaml's bestehen. Da macht es keinen Sinn, das in die "Haupt"-YAML einzufügen.

        Daher habe ich mich gefragt, wie die Dateistrukturen im Hintergrund sind. Du musst ja auch die Themes irgendwie in die Yaml laden, also müsste es doch auch gehen, externe YAMLs zu includen, bspw. ```
        !include /config/lovelace/views/view_Home.yaml

        Dafür müsste man aber wissen in welchem Verzeichnis die Hauptyaml liegt und ob ich relativ oder absolut referenzieren kann
        
        Grüße
        GarfonsoG 1 Reply Last reply
        0
        • P piatho

          @garfonso Ich habe mal eine Frage zur technischen Umsetzung. Die Frage steht ein wenig in Bezug zum Github Issue #555

          Templates funktionieren bei mir eingeschrängt, wenn ich entsprechende Inhalte in die RAW YAML am Anfang eintragen. Aber es gibt eine Menge schöne Templates die aus mehrfach verschachtelten yaml's bestehen. Da macht es keinen Sinn, das in die "Haupt"-YAML einzufügen.

          Daher habe ich mich gefragt, wie die Dateistrukturen im Hintergrund sind. Du musst ja auch die Themes irgendwie in die Yaml laden, also müsste es doch auch gehen, externe YAMLs zu includen, bspw. ```
          !include /config/lovelace/views/view_Home.yaml

          Dafür müsste man aber wissen in welchem Verzeichnis die Hauptyaml liegt und ob ich relativ oder absolut referenzieren kann
          
          Grüße
          GarfonsoG Offline
          GarfonsoG Offline
          Garfonso
          Developer
          wrote on last edited by Garfonso
          #187

          @piatho said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

          Du musst ja auch die Themes irgendwie in die Yaml laden

          Die Themes werden in yaml in einem state gespeichert und das frontend ruft die mit der Funktion frontend/get_themes ab, worauf das Theme dann ausgeliefert wird.
          Da sind mittlerweile einige Sachen so gebaut. Das "große Yaml", was es zur HomeAssistant Konfiguration braucht, bekommt das Frontend immer weniger und ruft bei HomeAssistant die Sachen einzeln ab. Der Adapter baut daher keine Yaml. Früher hat er mal für die custom cards was in die config gepackt (die aber auch als JSON verschickt und gespeichert wird, kein yaml), aber auch das gibts nicht mehr. Also da irgendwie YAML Code reinzuquetschen wäre einiger Aufwand.

          Die Frage ist hier: Wie werden denn die yamls geladen? Wenn das Frontend das macht, kannst du da mal versuchen einen Pfad mit /cards/ am Anfang anzugeben. Im Grunde wird alles, was du als "custom card" installierst (also z.B. über die Instazeinstellungen reinziehst) ans Frontend ausgeliefert, wenn es das anfordert. Also alles, was URL mit /cards/ anfängt, wird aus dem ioBroker Datei-Store für Lovelace im Unterordner cards gelesen und abgeschickt, ohne groß zu prüfen, was für eine Datei es ist. Wenn das frontend die yaml Dateien also entsprechend anfragt, könnte es gehen. Kann aber auch sein, dass es das nicht tut.

          Falls das so nicht geht, müsste man rausfinden, was das frontend da versucht aufzurufen, wenn es ein template sieht... vielleicht mal im Log vom Adapter gucken, ob da was über unbekannte requests steht. Kann sein, dass du dafür auf debug log umstellen musst.

          Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

          Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

          1 Reply Last reply
          0
          • H Offline
            H Offline
            hacki11
            wrote on last edited by hacki11
            #188

            Ich hätte eine Verständnisfrage, ich möchte für eine WLAN Steckdose (Tasmota via Sonoff Adapter) eine Card erstellen welche den aktuellen Verbrauch mit anzeigt. Wenn ich mich nicht täusche wäre der Verbrauch der Zustand "ELECTRIC_POWER" im Gerätemanager und müsste zu einem Attribut im Lovelace Adapter werden welches ich mit der Card "Entity" wählen können müsste. Wenn ich mir aber die Attribute im Lovelace Adapter von der Steckdose anzeigen lassen fehlen eigentlich alle Attribute aus dem Gerätemanager.

            Beispiel:
            bd79064e-8b1d-4c87-abfc-d4494fab158f-image.png

            So bin ich vorgegangen:

            1. Raum & Funktion zugewiesen
              5b5949cf-2d9b-4555-b6c0-ed6f1c6e9ede-image.png

            2. Gerätemanager erkennt die Steckdose
              c242c360-0c35-4af3-a476-20417d4753ac-image.png

            3. Lovelace erkennt einen Switch, jedoch ohne die restlichen Zustände des Geräts
              e0bd6942-8ed2-41f3-93c0-4bce77155989-image.png

            Somit kann ich das Gerät nicht wirklich nutzen und müsste den Datenpunkt "ENERGY_Power" manuell herausführen. Dann kann ich wiederum die Card nicht nutzen weil diese ja nur mit Attributen funktioniert. Gut nicht dramatisch, dann nutze ich eben die "Tile" Card welche auf Entitäten geht.

            Aber, mache ich hier etwas falsch oder sollte ich lieber einfach alle Datenpunkte manuell setzen und eben nur jene Cards welche dann auf Entitäten gehen statt Attribute? Ich will ungern bei ein und demselben Gerät zwei verschiedene Ansätze (automatisch & manuell) fahren.

            Dankeschön

            GarfonsoG 1 Reply Last reply
            0
            • C Chrisham

              @david-g Ok, danke. Mit html/css komme ich schon zurecht. die "Card-Mod" installieren heißt, ähnlich wie andere eigene Karten auch "nur" das .js File (card-mod.js) bei settings hochladen?

              D Offline
              D Offline
              dispo112
              wrote on last edited by
              #189

              @chrisham stehe vor dem gleichen Problem. Nur die card-mod.js hochladen klappt nicht.
              Wo ist der Fehler?

              1 Reply Last reply
              0
              • H hacki11

                Ich hätte eine Verständnisfrage, ich möchte für eine WLAN Steckdose (Tasmota via Sonoff Adapter) eine Card erstellen welche den aktuellen Verbrauch mit anzeigt. Wenn ich mich nicht täusche wäre der Verbrauch der Zustand "ELECTRIC_POWER" im Gerätemanager und müsste zu einem Attribut im Lovelace Adapter werden welches ich mit der Card "Entity" wählen können müsste. Wenn ich mir aber die Attribute im Lovelace Adapter von der Steckdose anzeigen lassen fehlen eigentlich alle Attribute aus dem Gerätemanager.

                Beispiel:
                bd79064e-8b1d-4c87-abfc-d4494fab158f-image.png

                So bin ich vorgegangen:

                1. Raum & Funktion zugewiesen
                  5b5949cf-2d9b-4555-b6c0-ed6f1c6e9ede-image.png

                2. Gerätemanager erkennt die Steckdose
                  c242c360-0c35-4af3-a476-20417d4753ac-image.png

                3. Lovelace erkennt einen Switch, jedoch ohne die restlichen Zustände des Geräts
                  e0bd6942-8ed2-41f3-93c0-4bce77155989-image.png

                Somit kann ich das Gerät nicht wirklich nutzen und müsste den Datenpunkt "ENERGY_Power" manuell herausführen. Dann kann ich wiederum die Card nicht nutzen weil diese ja nur mit Attributen funktioniert. Gut nicht dramatisch, dann nutze ich eben die "Tile" Card welche auf Entitäten geht.

                Aber, mache ich hier etwas falsch oder sollte ich lieber einfach alle Datenpunkte manuell setzen und eben nur jene Cards welche dann auf Entitäten gehen statt Attribute? Ich will ungern bei ein und demselben Gerät zwei verschiedene Ansätze (automatisch & manuell) fahren.

                Dankeschön

                GarfonsoG Offline
                GarfonsoG Offline
                Garfonso
                Developer
                wrote on last edited by
                #190

                @hacki11 said in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

                Wenn ich mir aber die Attribute im Lovelace Adapter von der Steckdose anzeigen lassen fehlen eigentlich alle Attribute aus dem Gerätemanager.

                Das stimmt, das unterstützt der Adapter so noch nicht.

                Wusste ehrlich gesagt bis gerade nicht, dass lovelace / HASS energie Attribute bei Switch entities unterstützt. Muss ich mir mal angucken und das ergänzen.

                Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                1 Reply Last reply
                0
                • astuermerA Offline
                  astuermerA Offline
                  astuermer
                  wrote on last edited by
                  #191

                  Kleine Frage zum Lovelace Release 5.0.0 - irgendwie bekomm ich keine Bilder hochgeladen als Hintergrundbild. Es kommt immer ne Fehlermeldung.

                  "SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON"

                  Ansonsten ist 5.0.0 ein großer Schritt meiner Meinung gegenüber 4.1.x - alles viel besser. Gratulation!

                  David G.D 1 Reply Last reply
                  0
                  • astuermerA astuermer

                    Kleine Frage zum Lovelace Release 5.0.0 - irgendwie bekomm ich keine Bilder hochgeladen als Hintergrundbild. Es kommt immer ne Fehlermeldung.

                    "SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON"

                    Ansonsten ist 5.0.0 ein großer Schritt meiner Meinung gegenüber 4.1.x - alles viel besser. Gratulation!

                    David G.D Online
                    David G.D Online
                    David G.
                    wrote on last edited by David G.
                    #192

                    @astuermer

                    Hochladen musst du nach wie vor über die Settings im Adapter.
                    Lovelace ist ein Fork der Visualisierung von Homeassistant, viele Sachen lassen sich da nicht direkt umsetzen/übernehmen.

                    Zeigt eure Lovelace-Visualisierung klick
                    (Auch ideal um sich Anregungen zu holen)

                    Meine Tabellen für eure Visualisierung klick

                    astuermerA 1 Reply Last reply
                    0
                    • David G.D David G.

                      @astuermer

                      Hochladen musst du nach wie vor über die Settings im Adapter.
                      Lovelace ist ein Fork der Visualisierung von Homeassistant, viele Sachen lassen sich da nicht direkt umsetzen/übernehmen.

                      astuermerA Offline
                      astuermerA Offline
                      astuermer
                      wrote on last edited by
                      #193

                      @david-g sagte in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

                      @astuermer

                      Hochladen musst du nach wie vor über die Settings im Adapter.
                      Lovelace ist ein Fork der Visualisierung von Homeassistant, viele Sachen lassen sich da nicht direkt umsetzen/übernehmen.

                      Nö ich meine das hier. Ist direkt in Lovelace. Bearbeiten der Seite, 2ter Tab. Ist erst ab Version 5.0.0.

                      IMG_1080.jpeg

                      David G.D 1 Reply Last reply
                      0
                      • astuermerA astuermer

                        @david-g sagte in Der "ultimative" ioBroker Lovelace Leitfaden/Dokumentation:

                        @astuermer

                        Hochladen musst du nach wie vor über die Settings im Adapter.
                        Lovelace ist ein Fork der Visualisierung von Homeassistant, viele Sachen lassen sich da nicht direkt umsetzen/übernehmen.

                        Nö ich meine das hier. Ist direkt in Lovelace. Bearbeiten der Seite, 2ter Tab. Ist erst ab Version 5.0.0.

                        IMG_1080.jpeg

                        David G.D Online
                        David G.D Online
                        David G.
                        wrote on last edited by
                        #194

                        @astuermer

                        Ja, das habe ich mir gedacht.
                        Ich denke, das hat @Garfonso nich nicht für uns angepasst, nicht gesehen, dass es das gibt oder ausgeblendet falls man es nicht für uns angepasst bekommt.

                        Wie gesagt. Lovelace hat eigentlich eine Basis die rein garnichts mit ioBroker zu tun hat. @garfonso hat alles so Umgebungen, dass das Teil den iobroker versteht.

                        Zeigt eure Lovelace-Visualisierung klick
                        (Auch ideal um sich Anregungen zu holen)

                        Meine Tabellen für eure Visualisierung klick

                        1 Reply Last reply
                        0

                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                        With your input, this post could be even better 💗

                        Register Login
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        Support us

                        ioBroker
                        Community Adapters
                        Donate
                        FAQ Cloud / IOT
                        HowTo: Node.js-Update
                        HowTo: Backup/Restore
                        Downloads
                        BLOG

                        586

                        Online

                        32.7k

                        Users

                        82.6k

                        Topics

                        1.3m

                        Posts
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Login

                        • Don't have an account? Register

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Home
                        • Recent
                        • Tags
                        • Unread 0
                        • Categories
                        • Unreplied
                        • Popular
                        • GitHub
                        • Docu
                        • Hilfe