Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test lovelace 5.x

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

Test lovelace 5.x

Scheduled Pinned Locked Moved Tester
968 Posts 91 Posters 418.4k Views 74 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.
  • GarfonsoG Garfonso

    @david-g
    Es ist eine neue Version gegenüber der 5.0.0-alpha. (und jetzt wieder im git master branch). Also updaten. 🙂

    In der 5.0.0 gibt es im instances Ordner (bzw. für jede Instanz einzeln) ein hideSidebar State, den auf false stellen (default ist true). ggf. dann nochmal das UI neuladen (manchmal auch zweimal, da hab ich noch nicht ganz verstanden, was da passiert)

    @lessthanmore said in Test lovelace 4.x:

    @garfonso Mir ist aufgefallen, dass bei der 5.0.0 die Symbole für Fenster und Türen nicht mehr korrekt dargestellt werden.
    Normalerweise hatte es ja gereicht, die korrekte Geräteklassen zu hinterlegen und entsprechend wurde ein geschlossenes oder offenes Fenster angezeigt.

    Hm. Das kann ich hier nicht bestätigen. Meine Türen und Fenster haben noch alle das gleiche Symbol. Bei mir ist irgendwie bei locks das Symbol komisch geworden, da hatte ich aber vermutet, dass es in Lovelace geändert wurde.
    Versuch mal bitte den Browser-Cache zu leeren. Und falls nicht, mach mir ein issue, dann muss ich da nochmal reingucken (nach Ostern)

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

    @garfonso

    Die Seutenleiste ist cool, besonders mehrere Dashboards.

    Bei mir sind aber auf einmal alle Personen in Amsterdam.... Geht jetzt, man muss einmal auf den Button zum fokussieren drücken.
    Screenshot_20250412_084649_Fully Kiosk Browser.jpg

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

    Meine Tabellen für eure Visualisierung klick

    1 Reply Last reply
    1
    • GarfonsoG Garfonso

      @david-g
      Es ist eine neue Version gegenüber der 5.0.0-alpha. (und jetzt wieder im git master branch). Also updaten. 🙂

      In der 5.0.0 gibt es im instances Ordner (bzw. für jede Instanz einzeln) ein hideSidebar State, den auf false stellen (default ist true). ggf. dann nochmal das UI neuladen (manchmal auch zweimal, da hab ich noch nicht ganz verstanden, was da passiert)

      @lessthanmore said in Test lovelace 4.x:

      @garfonso Mir ist aufgefallen, dass bei der 5.0.0 die Symbole für Fenster und Türen nicht mehr korrekt dargestellt werden.
      Normalerweise hatte es ja gereicht, die korrekte Geräteklassen zu hinterlegen und entsprechend wurde ein geschlossenes oder offenes Fenster angezeigt.

      Hm. Das kann ich hier nicht bestätigen. Meine Türen und Fenster haben noch alle das gleiche Symbol. Bei mir ist irgendwie bei locks das Symbol komisch geworden, da hatte ich aber vermutet, dass es in Lovelace geändert wurde.
      Versuch mal bitte den Browser-Cache zu leeren. Und falls nicht, mach mir ein issue, dann muss ich da nochmal reingucken (nach Ostern)

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

      @garfonso

      Mit Seitenleiste sieht man seine Notifications quasi doppelt.
      Wäre es möglich den Punkt in der Seutenleiste oder die Glocke zu entfernen?

      Welche Variante besser wäre, wüsste ich im Moment auch nicht.

      In der Seitenleiste ist nicht so aufdringlich wie die Glocke, jedoch muss man mehr klicken.

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

      Meine Tabellen für eure Visualisierung klick

      GarfonsoG 1 Reply Last reply
      1
      • S Offline
        S Offline
        StephanH
        wrote on last edited by
        #836

        Hallo und Guten Abend zusemmen,

        bekommen seid dem Update auf die Version 4.1.15 im Web 7.6.3

        Immer mal wieder diese Meldung im Log.

        a27dec97-cf6d-4170-9ece-8d316f300d56-grafik.png

        Hat jemand eine Idee dazu ?

        Danke

        Gruß Stephan

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

          @garfonso

          Mit Seitenleiste sieht man seine Notifications quasi doppelt.
          Wäre es möglich den Punkt in der Seutenleiste oder die Glocke zu entfernen?

          Welche Variante besser wäre, wüsste ich im Moment auch nicht.

          In der Seitenleiste ist nicht so aufdringlich wie die Glocke, jedoch muss man mehr klicken.

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

          @david-g
          Ja, das ist eine von vielen Kleinigkeiten, die noch angepasst werden müssen. hust

          Die Glocke oben bastel ich immer rein, weil es ja das sideboard nicht gab. Im Grunde wäre das beste die auszublenden, wenn das sideboard da ist. Oder ich nehm im sideboard notifications immer raus, dann müsste ich aber wieder mehr ändern. Ich guck mal was ich von beidem schaffe. 😉

          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
          • Jens HasemannJ Offline
            Jens HasemannJ Offline
            Jens Hasemann
            wrote on last edited by
            #838

            Hallo Gemeinde,
            habe jetzt die aktuelle Version 5.0 am Laufen. Leider bekomme ich folgende Fehlermeldung beim Einbinden eines Hintergrundbildes:
            SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON.

            Kann jemand den Bug bestätigen?

            Grüße aus dem Schwarzwald.
            Jens

            XBiTX 1 Reply Last reply
            0
            • Jens HasemannJ Jens Hasemann

              Hallo Gemeinde,
              habe jetzt die aktuelle Version 5.0 am Laufen. Leider bekomme ich folgende Fehlermeldung beim Einbinden eines Hintergrundbildes:
              SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON.

              Kann jemand den Bug bestätigen?

              Grüße aus dem Schwarzwald.
              Jens

              XBiTX Online
              XBiTX Online
              XBiT
              wrote on last edited by XBiT
              #839

              @jens-hasemann

              etwas wenig Infos....

              hast du in den Instanz-Einstellungen unter Themen

              35eee3e3-7c1e-460a-aed2-261013540795-image.png

              den Hintergrund so eingebunden?

              background-image: "center / cover no-repeat fixed url('/cards/homekit-bg-dark-blue.jpg')" 	# Hintergrundbild
              

              url('XXX') muss natürlich angepasst sein und das Themen auch ausgewählt sein.

              @Garfonso
              bei dem erstellen vom Screenshot ist mir aufgefallen, dass die Themenauswahl unter "Standardthema" und "dunkles Standardthema" nicht mehr geht die Auswahl ist immer Standard auch wenn mehrere Themen in der YAML sind.

              Jens HasemannJ 1 Reply Last reply
              1
              • XBiTX XBiT

                @jens-hasemann

                etwas wenig Infos....

                hast du in den Instanz-Einstellungen unter Themen

                35eee3e3-7c1e-460a-aed2-261013540795-image.png

                den Hintergrund so eingebunden?

                background-image: "center / cover no-repeat fixed url('/cards/homekit-bg-dark-blue.jpg')" 	# Hintergrundbild
                

                url('XXX') muss natürlich angepasst sein und das Themen auch ausgewählt sein.

                @Garfonso
                bei dem erstellen vom Screenshot ist mir aufgefallen, dass die Themenauswahl unter "Standardthema" und "dunkles Standardthema" nicht mehr geht die Auswahl ist immer Standard auch wenn mehrere Themen in der YAML sind.

                Jens HasemannJ Offline
                Jens HasemannJ Offline
                Jens Hasemann
                wrote on last edited by
                #840

                @xbit

                Danke für deine Hilfe. Die Themenauswahl ist bereits seit der Version 4.1.1 defekt. Dazu gibt es bereits auf Github einen Eintrag. Mein Eintrag bezieht sich auf den Editor, sorry hatte ich nicht verwirrender Weise nicht erwähnt. Ashampoo_Snap_Montag, 5. Mai 2025_06h07m41s_002_.png

                Kommt gut in die Woche

                Jens

                David G.D 1 Reply Last reply
                1
                • Jens HasemannJ Jens Hasemann

                  @xbit

                  Danke für deine Hilfe. Die Themenauswahl ist bereits seit der Version 4.1.1 defekt. Dazu gibt es bereits auf Github einen Eintrag. Mein Eintrag bezieht sich auf den Editor, sorry hatte ich nicht verwirrender Weise nicht erwähnt. Ashampoo_Snap_Montag, 5. Mai 2025_06h07m41s_002_.png

                  Kommt gut in die Woche

                  Jens

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

                  @jens-hasemann

                  Da hat das doch noch nie geklappt oder?
                  Weiß garnicht, seit wann das da geht.

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

                  Meine Tabellen für eure Visualisierung klick

                  Jens HasemannJ 1 Reply Last reply
                  0
                  • David G.D David G.

                    @jens-hasemann

                    Da hat das doch noch nie geklappt oder?
                    Weiß garnicht, seit wann das da geht.

                    Jens HasemannJ Offline
                    Jens HasemannJ Offline
                    Jens Hasemann
                    wrote on last edited by
                    #842

                    @david-g
                    Seit Version 5.0.0

                    mcm1957M 1 Reply Last reply
                    0
                    • Jens HasemannJ Jens Hasemann

                      @david-g
                      Seit Version 5.0.0

                      mcm1957M Online
                      mcm1957M Online
                      mcm1957
                      wrote on last edited by
                      #843

                      @Garfonso

                      Könntest du den Titel des Topics ev. mal anpassen ODER ein neues Topic anlgen bzw, dieses hier trennen lassen ? Offenbar ist Version 5.0.0 zwischenzeitlich aktuell und "Test lovelace 4.x" wohl eher outdated.

                      Entwicklung u Betreuung: envertech-pv, hoymiles-ms, ns-client, pid, snmp Adapter;
                      Support Repositoryverwaltung.

                      Wer Danke sagen will, kann nen Kaffee spendieren: https://paypal.me/mcm1957atiobroker

                      LESEN - gute Forenbeitrage

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

                        Gibts eigentlich für die ioBroker Version von Lovelace eine Swipe Funktion wie diese hier?
                        https://github.com/zanna-37/hass-swipe-navigation

                        Never mind...
                        Einfach als Card hochladen und im RAW Editor zwischen title und views das einfügen als Config:

                        swipe_nav:
                        wrap: false
                        enable_mouse_swipe: true
                        animate: swipe
                        skip_tabs: 5,6,7,8
                        prevent_default: true
                        swipe_amount: 30

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

                          @Garfonso wärs möglich generell bei allen eingebauten Cards die Option "tap_action" einzubauen?

                          Gauge zB hats nicht... usw

                          Oder bei der Markdown Card die Option "text_only" (Anm. hab ich mit einem eigenen Template ohne Rand und transparentem Hintergrund temporär gelöst).

                          Ich würd gerne „none“ überall haben wo ichs nicht brauche aber die Gauge öffnet zB. immer ein Diagramm.

                          Danke!

                          XBiTX GarfonsoG 2 Replies Last reply
                          0
                          • astuermerA astuermer

                            @Garfonso wärs möglich generell bei allen eingebauten Cards die Option "tap_action" einzubauen?

                            Gauge zB hats nicht... usw

                            Oder bei der Markdown Card die Option "text_only" (Anm. hab ich mit einem eigenen Template ohne Rand und transparentem Hintergrund temporär gelöst).

                            Ich würd gerne „none“ überall haben wo ichs nicht brauche aber die Gauge öffnet zB. immer ein Diagramm.

                            Danke!

                            XBiTX Online
                            XBiTX Online
                            XBiT
                            wrote on last edited by
                            #846

                            @astuermer

                            Servus,

                            kannst du dein Template mal teilen?
                            Hätte da Interesse dran. 🙂

                            Vielen Dank

                            astuermerA 1 Reply Last reply
                            1
                            • XBiTX XBiT

                              @astuermer

                              Servus,

                              kannst du dein Template mal teilen?
                              Hätte da Interesse dran. 🙂

                              Vielen Dank

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

                              @xbit sagte in Test lovelace 4.x:

                              @astuermer

                              Servus,

                              kannst du dein Template mal teilen?
                              Hätte da Interesse dran. 🙂

                              Vielen Dank

                              Ja gern kein Problem... ich häng mal ein paar Screenshots an.
                              Die Header sind der "Transparent" Stil. Der Rest ist das Google Dark Theme (ist im themes.txt enthalten).
                              Die Gauge hab ich vorformatiert was Farben angeht auch als Stil in der themes.txt.

                              Bildschirmfoto 2025-05-17 um 17.11.05.png

                              Bildschirmfoto 2025-05-17 um 17.11.25.png

                              Bildschirmfoto 2025-05-17 um 17.10.59.png

                              Designs einfach kopieren und bei THEMEN in ioBroker/Lovelace reinkopieren:
                              themes.txt Download

                              Ich hab einige Custom Cards in Verwendung die problemlos funktionieren:

                              • mini-graph-card-bundle.js (aktuell nicht in Nutzung, funzt aber)
                              • power-distribution-card.js (sieht man auf Screenshot 1)
                              • power-flow-card-plus.js (ist wo auf einer Unterseite)
                              • slider-button-card.js (hab ich erst seit 2 Tagen drauf, muss ich erst konfigurieren)
                              • swipe-card.js (ebenso erst 2 Tage und noch nicht konfiguriert)
                              • swipe-navigation.js (Seite einfach wischen statt die Tabs zu klicken... braucht im Raw-Editor ganz oben noch etwas Konfiguration, siehe weiter unten)

                              Swipe-Navigation Code:

                              swipe_nav:
                                wrap: true
                                enable_mouse_swipe: true
                                animate: swipe
                                prevent_default: true
                                swipe_amount: 20
                              
                              XBiTX 1 Reply Last reply
                              2
                              • astuermerA astuermer

                                @xbit sagte in Test lovelace 4.x:

                                @astuermer

                                Servus,

                                kannst du dein Template mal teilen?
                                Hätte da Interesse dran. 🙂

                                Vielen Dank

                                Ja gern kein Problem... ich häng mal ein paar Screenshots an.
                                Die Header sind der "Transparent" Stil. Der Rest ist das Google Dark Theme (ist im themes.txt enthalten).
                                Die Gauge hab ich vorformatiert was Farben angeht auch als Stil in der themes.txt.

                                Bildschirmfoto 2025-05-17 um 17.11.05.png

                                Bildschirmfoto 2025-05-17 um 17.11.25.png

                                Bildschirmfoto 2025-05-17 um 17.10.59.png

                                Designs einfach kopieren und bei THEMEN in ioBroker/Lovelace reinkopieren:
                                themes.txt Download

                                Ich hab einige Custom Cards in Verwendung die problemlos funktionieren:

                                • mini-graph-card-bundle.js (aktuell nicht in Nutzung, funzt aber)
                                • power-distribution-card.js (sieht man auf Screenshot 1)
                                • power-flow-card-plus.js (ist wo auf einer Unterseite)
                                • slider-button-card.js (hab ich erst seit 2 Tagen drauf, muss ich erst konfigurieren)
                                • swipe-card.js (ebenso erst 2 Tage und noch nicht konfiguriert)
                                • swipe-navigation.js (Seite einfach wischen statt die Tabs zu klicken... braucht im Raw-Editor ganz oben noch etwas Konfiguration, siehe weiter unten)

                                Swipe-Navigation Code:

                                swipe_nav:
                                  wrap: true
                                  enable_mouse_swipe: true
                                  animate: swipe
                                  prevent_default: true
                                  swipe_amount: 20
                                
                                XBiTX Online
                                XBiTX Online
                                XBiT
                                wrote on last edited by
                                #848

                                @astuermer

                                Vielen Dank, werde ich morgen mal mit rumspielen.
                                Hast dir schöne views gebaut, sieht sehr gut aus.

                                Grüße

                                astuermerA 2 Replies Last reply
                                1
                                • XBiTX XBiT

                                  @astuermer

                                  Vielen Dank, werde ich morgen mal mit rumspielen.
                                  Hast dir schöne views gebaut, sieht sehr gut aus.

                                  Grüße

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

                                  @xbit sagte in Test lovelace 4.x:

                                  @astuermer

                                  Vielen Dank, werde ich morgen mal mit rumspielen.
                                  Hast dir schöne views gebaut, sieht sehr gut aus.

                                  Grüße

                                  Dankeschön... spiel mich grad mit neu gefunden Cards... Swipe Card, Bedingungen, einer modern-circular-gauge.js - sind ein paar feine Sachen dabei.

                                  1 Reply Last reply
                                  0
                                  • XBiTX XBiT

                                    @astuermer

                                    Vielen Dank, werde ich morgen mal mit rumspielen.
                                    Hast dir schöne views gebaut, sieht sehr gut aus.

                                    Grüße

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

                                    @xbit mit den neuen gefunden Cards lässt sich so ein Dashboard gewaltig aufpeppen 😉
                                    https://vimeo.com/1085405966/a9567dde10?share=copy

                                    1 Reply Last reply
                                    2
                                    • astuermerA astuermer

                                      @Garfonso wärs möglich generell bei allen eingebauten Cards die Option "tap_action" einzubauen?

                                      Gauge zB hats nicht... usw

                                      Oder bei der Markdown Card die Option "text_only" (Anm. hab ich mit einem eigenen Template ohne Rand und transparentem Hintergrund temporär gelöst).

                                      Ich würd gerne „none“ überall haben wo ichs nicht brauche aber die Gauge öffnet zB. immer ein Diagramm.

                                      Danke!

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

                                      @astuermer
                                      Nein. An Karten was zu ändern ist nicht im Bereich dieses Adapters. Das mache ich nur, wo es absolut notwendig ist.

                                      Wenn du meinst, dass deine Änderungen / Erweiterungen für alle notwendig sind, kannst du das gerne bei HomeAssistant diskutieren (wenn es geht, nicht mit Verweis auf ioBroker 😉 - es sollte da generelle Gründe für geben).

                                      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
                                      • B Offline
                                        B Offline
                                        benni86
                                        wrote on last edited by benni86
                                        #852

                                        Ich habe ein Problem mit dem UNREACH Attribut meiner automatischen Entitäten. Das wird ja dann in Lovelace zu Connectivity und egal ob der Wert im ioBroker auf true oder false steht im Lovelace wird er immer zu 'on' und damit zu 'Verbunden' in der UI. Ist das ein bekanntes Problem oder gibts ne Möglichkeit das irgendwie zu debuggen um den evtl. Fehler zu finden?

                                        Edit: Bei manuellen Entities funktioniert es.

                                        Edit2: Problem wahrscheinlich gefunden. Mein Fehler: hatte zwei Entities mit demselben Namen

                                        1 Reply Last reply
                                        0
                                        • JB1985J Offline
                                          JB1985J Offline
                                          JB1985
                                          wrote on last edited by JB1985
                                          #853

                                          Bei mir ist das Menü zum Bearbeiten des Dashboards verschwunden in Version 5.0.0. Oben rechts, nicht mehr mehr da.

                                          5246fcb1-b97a-45ec-935d-4ef48276fa8e-image.png

                                          Auch werden einige entity nicht erkannt, wie zum Beispiel bei mir: entity: light.Esszimmer_Licht

                                          In der Version 4.1.15 funktioniert alles ohne Probleme. Ich bin wieder auf Version 4.1.15 gewechselt.

                                          Und bei simple-thermostat.js wird die eingestellte Temperatur mit N/A angezeigt. Für diese Karte gibt es auch seit 2022 kein Update.

                                          David G.D GarfonsoG 2 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          524

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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