Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker 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.2k

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

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

Test lovelace 5.x

Geplant Angeheftet Gesperrt Verschoben Tester
969 Beiträge 91 Kommentatoren 419.1k Aufrufe 74 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • Jens HasemannJ Offline
      Jens HasemannJ Offline
      Jens Hasemann
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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 Offline
        XBiTX Offline
        XBiT
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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.
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #842

              @david-g
              Seit Version 5.0.0

              mcm1957M 1 Antwort Letzte Antwort
              0
              • Jens HasemannJ Jens Hasemann

                @david-g
                Seit Version 5.0.0

                mcm1957M Online
                mcm1957M Online
                mcm1957
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • astuermerA Offline
                  astuermerA Offline
                  astuermer
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  1
                  • astuermerA Offline
                    astuermerA Offline
                    astuermer
                    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                    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 Offline
                      XBiTX Offline
                      XBiT
                      schrieb am zuletzt editiert von
                      #846

                      @astuermer

                      Servus,

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

                      Vielen Dank

                      astuermerA 1 Antwort Letzte Antwort
                      1
                      • XBiTX XBiT

                        @astuermer

                        Servus,

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

                        Vielen Dank

                        astuermerA Offline
                        astuermerA Offline
                        astuermer
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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 Offline
                          XBiTX Offline
                          XBiT
                          schrieb am zuletzt editiert von
                          #848

                          @astuermer

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

                          Grüße

                          astuermerA 2 Antworten Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #850

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

                              1 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • B Offline
                                  B Offline
                                  benni86
                                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                  0
                                  • JB1985J Offline
                                    JB1985J Offline
                                    JB1985
                                    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                    0
                                    • JB1985J JB1985

                                      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 Online
                                      David G.D Online
                                      David G.
                                      schrieb am zuletzt editiert von
                                      #854

                                      @jb1985

                                      Komisch, bei mir ist alles da.
                                      Screenshot_20250603_173004_Fully Kiosk Browser.jpg

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

                                      Meine Tabellen für eure Visualisierung klick

                                      JB1985J 1 Antwort Letzte Antwort
                                      0
                                      • David G.D David G.

                                        @jb1985

                                        Komisch, bei mir ist alles da.
                                        Screenshot_20250603_173004_Fully Kiosk Browser.jpg

                                        JB1985J Offline
                                        JB1985J Offline
                                        JB1985
                                        schrieb am zuletzt editiert von
                                        #855

                                        @david-g das ist wirklich komisch. Aber anscheinend hat sich was geändert, sodass ich auch am Theme eine Änderung machen muss. Nur wer weiß was?

                                        1 Antwort Letzte Antwort
                                        0
                                        • JB1985J JB1985

                                          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.

                                          GarfonsoG Offline
                                          GarfonsoG Offline
                                          Garfonso
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #856

                                          @jb1985 said in Test lovelace 4.x:

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

                                          Hm.. da würde ich gerne mehr drüber erfahren.

                                          @jb1985 said in Test lovelace 4.x:

                                          @david-g das ist wirklich komisch. Aber anscheinend hat sich was geändert, sodass ich auch am Theme eine Änderung machen muss. Nur wer weiß was?

                                          Ja... musst im Grunde gucken, was von ca. Juni 2024 bis April 2025 sich geändert hat bei den Themes. Weiß nicht, ob es da irgendwo eine Übersicht gibt.

                                          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

                                          tiobbT 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          334

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe