Skip to content
  • Home
  • 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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test lovelace 5.x

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

Test lovelace 5.x

Geplant Angeheftet Gesperrt Verschoben Tester
1.0k Beiträge 93 Kommentatoren 445.8k Aufrufe 75 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.
  • L lansester

    Hallo zusammen!
    Ich habe gestern mal testweise von der 4.1.15 auf die 5.0.5 aktualisiert, aber es gab direkt zwei unschöne optische Probleme und ich habe daher direkt den Fallback wieder zurück gemacht.
    Aber vorher noch Screenshots erstellt.

    Problem 1 - Schatten / 3D Effekt rund um die Karten:
    In der V4 gab es nur minimalste Schatten, die kaum auffielen und somit die Oberfläche schön clean aussah.
    Mit der V5 gibt es plötzlich deutliche Schatten und die einzelnen Karten heben sich von dem Hintergrund ab.
    Ich arbeite in meiner Visualisierung sehr viel mit der custom button card.
    In der V4 sieht es so aus:
    IOB-Lovelace4_CardsOptik_V1.png
    In der V5 dann so:
    IOB-Lovelace5_CardsOptik_V1.png

    Problem 2 - Abstände von Karten und/oder geänderte Kartengrößen
    In der V5 haben sich irgendwelche Abstände von Karten untereinander oder die Interpretation von definierten Kartengrößen geändert.
    Denn Karten die bisher perfekt gepasst haben, sind jetzt völlig in der Größe verändert.
    In der V4 so:
    IOB-Lovelace4_CardsGroesse_V1.png
    In der V5 dann plötzlich so:
    IOB-Lovelace5_CardsGroesse_V1.png

    Ich hab so ca. die letzten 150 Einträge hier zurück gescrollt, aber keinen Screenshot gefunden wo das offensichtlich besprochen wurde. Falls ich es übersehen habe, dann sorry!
    Hat irgendwer eine konkrete Idee, was die Änderungen in lovelace sind und wie ich das fixen kann?
    Wäre für jeden Hinweis sehr dankbar. :-D

    DANKE und schönes Wochenende!
    Ciao

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

    @lansester sagte in Test lovelace 5.x:

    Ich arbeite in meiner Visualisierung sehr viel mit der custom button card.

    Na dann guck mal, ob es bei der Karte ein Update gibt, dass die mit neueren HomeAssistant Versionen besser funktioniert. :-)
    V5 setzt auf HomeAssistant 20250401.0 auf, die V4 auf 20231208.2.
    Was du beschreibst, sind Änderungen im Design vom HomeAssistant-Frontend. Diese Änderungen sind eindeutig außerhalb vom Lovelace-Adapter, da kann ich nix dran machen, ohne das komplett selber zu entwickeln (was nicht mein Ziel ist)...
    Da musst du als User bei den custom-cards leider selbergucken. Deshalb sind es ja "breaking" Versionsänderungen. (und wie @david-g. sagt in der HomeAssistant Welt gucken, wie die damit umgegangen sind)

    Und ja, das ist das Datum und die aktuelle Version schon wieder so alt.. urgs.. (weitere Updates sind natürlich geplant, aber irgendwas mochte die Version aus September, die ich versucht hatte, noch nicht... )

    //Edit:
    Ich hatte immer mal wieder überlegt, ob ich es irgendwie hinbekomme, die für uns relevanten Änderungen aufzulisten … aber es sind einfach zu viele Änderungen und es ist schwer zu erkennen, welche wirklich relevant für uns sind.

    Derzeit ist mein Vorgehen so, dass ich ein neues Frontend nehme, gucke, wo die Anpassungen, die ich an der alten Version gemacht habe, "knallen" (weil sich da was am Frontend geändert hat), das repariere, dann gucke, ob es überhaupt mit dem Adapter läuft (das geht schief, wenn HomeAssistant was in seinem Backend geändert hat), den Adapter anpasse und dann gucke, was sonst noch so nicht (mehr) geht oder neu dazugekommen ist und unterstützt werden könnte.

    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
    • L lansester

      Hallo zusammen!
      Ich habe gestern mal testweise von der 4.1.15 auf die 5.0.5 aktualisiert, aber es gab direkt zwei unschöne optische Probleme und ich habe daher direkt den Fallback wieder zurück gemacht.
      Aber vorher noch Screenshots erstellt.

      Problem 1 - Schatten / 3D Effekt rund um die Karten:
      In der V4 gab es nur minimalste Schatten, die kaum auffielen und somit die Oberfläche schön clean aussah.
      Mit der V5 gibt es plötzlich deutliche Schatten und die einzelnen Karten heben sich von dem Hintergrund ab.
      Ich arbeite in meiner Visualisierung sehr viel mit der custom button card.
      In der V4 sieht es so aus:
      IOB-Lovelace4_CardsOptik_V1.png
      In der V5 dann so:
      IOB-Lovelace5_CardsOptik_V1.png

      Problem 2 - Abstände von Karten und/oder geänderte Kartengrößen
      In der V5 haben sich irgendwelche Abstände von Karten untereinander oder die Interpretation von definierten Kartengrößen geändert.
      Denn Karten die bisher perfekt gepasst haben, sind jetzt völlig in der Größe verändert.
      In der V4 so:
      IOB-Lovelace4_CardsGroesse_V1.png
      In der V5 dann plötzlich so:
      IOB-Lovelace5_CardsGroesse_V1.png

      Ich hab so ca. die letzten 150 Einträge hier zurück gescrollt, aber keinen Screenshot gefunden wo das offensichtlich besprochen wurde. Falls ich es übersehen habe, dann sorry!
      Hat irgendwer eine konkrete Idee, was die Änderungen in lovelace sind und wie ich das fixen kann?
      Wäre für jeden Hinweis sehr dankbar. :-D

      DANKE und schönes Wochenende!
      Ciao

      L Offline
      L Offline
      lansester
      schrieb am zuletzt editiert von
      #1015

      OK, vielen Dank euch beiden für die Antwort und Hinweise.

      @garfonso Du hast schon Recht, die Button Card Version, die ich verwende ist auch schon 3 Jahre alt. Könnte der Grund sein.
      Ich befürchte nur, dass wenn ich die auf die neueste aktualisiere, dann gehen bestimmt erstmal diverse Features die ich davon nutze nicht mehr wegen x breaking changes in der Karte.
      Werde mir in den nächsten Wochen/Monaten, wenn ich mal ganz viel Zeit habe, mal eine Testinstanz bauen und es darin noch mal mit der V5 und den neuesten Karten-Versionen versuchen.

      1 Antwort Letzte Antwort
      0
      • W Online
        W Online
        wusa
        schrieb am zuletzt editiert von
        #1016

        Ich habe mir vor ein paar Tagen mal HA angesehen. Mir hast das Energie Dashboard echt gut gefallen. Daten wurden schön aufbereitet und alles schön zusammengefasst.
        Ist es möglich eine Art Export von HA zu machen und das in iobroker im Lovelace Adapter zu Importieren?

        1 Antwort Letzte Antwort
        0
        • astuermerA Online
          astuermerA Online
          astuermer
          schrieb am zuletzt editiert von
          #1017

          Bildschirmfoto 2026-02-06 um 15.04.46.png

          Hat sicher schon mal wer gefragt, aber wie färbe ich die Tableiste ein?
          Dürfte mit keinen Themes funktionieren, immer dieselbe Farbe.
          Danke

          1 Antwort Letzte Antwort
          0
          • XBiTX Offline
            XBiTX Offline
            XBiT
            schrieb am zuletzt editiert von
            #1018

            @astuermer

            app-header-background-color: rgba(51, 72, 125, 0.5)																							# Hintergrundfarbe Banner/Navigation
            
            astuermerA 1 Antwort Letzte Antwort
            0
            • XBiTX XBiT

              @astuermer

              app-header-background-color: rgba(51, 72, 125, 0.5)																							# Hintergrundfarbe Banner/Navigation
              
              astuermerA Online
              astuermerA Online
              astuermer
              schrieb am zuletzt editiert von
              #1019

              @XBiT sagte in Test lovelace 5.x:

              @astuermer

              app-header-background-color: rgba(51, 72, 125, 0.5)																							# Hintergrundfarbe Banner/Navigation
              

              Alles schon probiert, auch dieser Code ändert nichts.
              Selbst wenn ich auf 0, 0 ,0 stelle - die Farbe bleibt dieses grün-blau-grau.
              Ich bilde mir ein @garfonso meinte mal es sei hardcodiert im Adapter...? Stimmt das?

              GarfonsoG 1 Antwort Letzte Antwort
              0
              • XBiTX Offline
                XBiTX Offline
                XBiT
                schrieb am zuletzt editiert von
                #1020

                @astuermer

                also bei mir geht es mit dem oben geschickten Code -> Kopiere dir doch mal dein Themen in eine Textdatei und sichere es dir -> anschließend nur mal diese eine Zeile ins Themen Fenster einfügen -> sollte dann blau sein nach einen Adapterneustart.

                astuermerA 1 Antwort Letzte Antwort
                1
                • XBiTX XBiT

                  @astuermer

                  also bei mir geht es mit dem oben geschickten Code -> Kopiere dir doch mal dein Themen in eine Textdatei und sichere es dir -> anschließend nur mal diese eine Zeile ins Themen Fenster einfügen -> sollte dann blau sein nach einen Adapterneustart.

                  astuermerA Online
                  astuermerA Online
                  astuermer
                  schrieb am zuletzt editiert von
                  #1021

                  @XBiT sagte in Test lovelace 5.x:

                  @astuermer

                  also bei mir geht es mit dem oben geschickten Code -> Kopiere dir doch mal dein Themen in eine Textdatei und sichere es dir -> anschließend nur mal diese eine Zeile ins Themen Fenster einfügen -> sollte dann blau sein nach einen Adapterneustart.

                  Selbst nur mit der einen Zeile bleibt das Grünblaugrau.

                  Bildschirmfoto 2026-02-07 um 18.22.18.png

                  Bildschirmfoto 2026-02-07 um 18.23.43.png

                  1 Antwort Letzte Antwort
                  0
                  • XBiTX Offline
                    XBiTX Offline
                    XBiT
                    schrieb zuletzt editiert von
                    #1022

                    @astuermer

                    Könnte auch mein Fehler sein -> hier nochmal ein Code:

                    Test:
                    
                      # Header:
                      app-header-background-color: red # Hintergrundfarbe Banner
                    

                    was mir auffällt, auch wenn es keine Bedeutung hat -> warum steh bei dir unter Standardthema nichts mehr, ich bekomme es nicht hin, dass das Feld leer ist....?

                    4868d60b-4f9a-4d70-b021-fd800a0daf33-image.png

                    Bitte auch noch mal in den Objekten schauen ob das Themen ausgewählt ist -> in diesem Fall "Test"

                    eee4aba1-c67f-42c6-bdc3-97b5ada6b63c-image.png

                    Ergebnis sollte so Aussehen:

                    899ccb93-5842-4f2e-8d6a-b8bbdedd290c-image.png

                    1 Antwort Letzte Antwort
                    0
                    • astuermerA Online
                      astuermerA Online
                      astuermer
                      schrieb zuletzt editiert von astuermer
                      #1023

                      Alles klar, da dürfte es wohl nen Bug in Lovelace geben. In den beiden Dropdowns im Adapter stand bei mir nie was anderes als "Standard" - ich kann auch nichts anderes auswählen.

                      Bildschirmfoto 2026-02-08 um 14.17.27.png

                      Ich setze die Themes immer über den Editor-View in Lovelace selbst. Aber auch hier hat er bei "Test" keinen roten Balken angezeigt.

                      Bildschirmfoto 2026-02-08 um 14.17.45.png

                      In den Objekten stand auch nur "default".
                      Erst als ich in den Objekten das Dark Theme auf "Test" geändert habe, hat er den roten Balken übernommen.

                      Bildschirmfoto 2026-02-08 um 14.19.21.png

                      1 Antwort Letzte Antwort
                      0
                      • astuermerA Online
                        astuermerA Online
                        astuermer
                        schrieb zuletzt editiert von astuermer
                        #1024

                        Kleines Update: Obwohl ich "Test" in den Objekten nun manuell eingetragen habe, steht im Adapter bei den beiden Dropdowns immer noch "Standard".

                        1 Antwort Letzte Antwort
                        0
                        • astuermerA Online
                          astuermerA Online
                          astuermer
                          schrieb zuletzt editiert von
                          #1025

                          Sehr fein :) Endlich eine anpassbare Headerleiste! Leider nur mit manuellem Eintrag in den Objekten des Adapters.
                          Gibts auch die Option, bei genug Breite statt "nur Icons" auch Icon + Text des Menuitems anzuzeigen? Ich fand dazu nichts.

                          Bildschirmfoto 2026-02-08 um 14.29.17.png

                          1 Antwort Letzte Antwort
                          2
                          • XBiTX Offline
                            XBiTX Offline
                            XBiT
                            schrieb zuletzt editiert von XBiT
                            #1026

                            @astuermer

                            in den Adaptereinstellungen unter Themen muss auch immer Standard stehen ich hatte auf deinen Screenshot ->

                            nur genau diesen Schriftzug vermisst.

                            Die Auswahl vom Theme im Editormodus bezieht sich nur auf die ausgewählte Ansicht in deinen Screenshot ->


                            auf "Home" der Banner bzw. die Navigationsleiste gehört aber nicht zu den Ansichten darum wird auch die Farbe nicht geändert.

                            Mit dem Icons + Text kann ich nicht helfen -> Gute Idee aber ich habe dazu auch noch nichts gesehen/gelesen

                            astuermerA 1 Antwort Letzte Antwort
                            1
                            • XBiTX XBiT

                              @astuermer

                              in den Adaptereinstellungen unter Themen muss auch immer Standard stehen ich hatte auf deinen Screenshot ->

                              nur genau diesen Schriftzug vermisst.

                              Die Auswahl vom Theme im Editormodus bezieht sich nur auf die ausgewählte Ansicht in deinen Screenshot ->


                              auf "Home" der Banner bzw. die Navigationsleiste gehört aber nicht zu den Ansichten darum wird auch die Farbe nicht geändert.

                              Mit dem Icons + Text kann ich nicht helfen -> Gute Idee aber ich habe dazu auch noch nichts gesehen/gelesen

                              astuermerA Online
                              astuermerA Online
                              astuermer
                              schrieb zuletzt editiert von
                              #1027

                              @XBiT sagte in Test lovelace 5.x:

                              @astuermer

                              in den Adaptereinstellungen unter Themen muss auch immer Standard stehen ich hatte auf deinen Screenshot ->

                              nur genau diesen Schriftzug vermisst.

                              Ds stand in dem Fall nicht weil ich den Theme Titel vergessen hatte im Code. Normal steht bei mit auch immer Standard. Aber ich kann da nichts auswählen egal wieviele Themes darunter eingefügt sind. Aktuell geht hier scheinbar nur der Workaround mit den Objektdaten.

                              1 Antwort Letzte Antwort
                              0
                              • XBiTX Offline
                                XBiTX Offline
                                XBiT
                                schrieb zuletzt editiert von
                                #1028

                                @astuermer

                                ja da kann man nichts mehr auswählen, auch wenn 10 Themen verfügbar sind -> ging dort bis Version 3.X oder 4.X dann ist es in die Objekte gewandert und muss dort eingestellt werden.

                                astuermerA 1 Antwort Letzte Antwort
                                1
                                • XBiTX XBiT

                                  @astuermer

                                  ja da kann man nichts mehr auswählen, auch wenn 10 Themen verfügbar sind -> ging dort bis Version 3.X oder 4.X dann ist es in die Objekte gewandert und muss dort eingestellt werden.

                                  astuermerA Online
                                  astuermerA Online
                                  astuermer
                                  schrieb zuletzt editiert von
                                  #1029

                                  @XBiT sagte in Test lovelace 5.x:

                                  @astuermer

                                  ja da kann man nichts mehr auswählen, auch wenn 10 Themen verfügbar sind -> ging dort bis Version 3.X oder 4.X dann ist es in die Objekte gewandert und muss dort eingestellt werden.

                                  Jetzt wo ichs weiß … 😂

                                  Danke für den Tipp.
                                  Eventuell kann das @garfonso doch fixen.

                                  1 Antwort Letzte Antwort
                                  0
                                  • XBiTX Offline
                                    XBiTX Offline
                                    XBiT
                                    schrieb zuletzt editiert von
                                    #1030

                                    Hat auch seine Vorteile wenn es in den Objekten ist...

                                    Man könnte z.B. jede Woche oder Tag ein anderes Themen über ein Script einstellen ... oder auch morgens ein helles Design und abends ein dunkles.....

                                    1 Antwort Letzte Antwort
                                    0
                                    • astuermerA astuermer

                                      @XBiT sagte in Test lovelace 5.x:

                                      @astuermer

                                      app-header-background-color: rgba(51, 72, 125, 0.5)																							# Hintergrundfarbe Banner/Navigation
                                      

                                      Alles schon probiert, auch dieser Code ändert nichts.
                                      Selbst wenn ich auf 0, 0 ,0 stelle - die Farbe bleibt dieses grün-blau-grau.
                                      Ich bilde mir ein @garfonso meinte mal es sei hardcodiert im Adapter...? Stimmt das?

                                      GarfonsoG Offline
                                      GarfonsoG Offline
                                      Garfonso
                                      Developer
                                      schrieb zuletzt editiert von Garfonso
                                      #1031

                                      @astuermer sagte in Test lovelace 5.x:

                                      Ich bilde mir ein @garfonso meinte mal es sei hardcodiert im Adapter...? Stimmt das?

                                      Nicht, dass ich wüsste. Soweit ich mich erinner ist nur ioBroker irgendwo hardcodiert. Und bei mir ist die leiste Lila. :-)
                                      (nur die im Edit-Modus ist bei mir blau-grau, da wüsste ich nicht, wie man die ändert).

                                      @astuermer sagte in Test lovelace 5.x:

                                      Alles klar, da dürfte es wohl nen Bug in Lovelace geben

                                      Ähm.. ja.. den gibt es leider.. irgendwie versagt der Parser in den Instanzeinstellungen. Ich habe bisher nicht rausgefunden warum. Das Theme kann man aktuell nur über die states ändern. kopfkratz Ja, das ist ungünstig. Zur Not schmeiße ich das in den Instanzeinstellungen mal weg... so verwirrt das mehr, als das es nutzt.

                                      @XBiT sagte in Test lovelace 5.x:

                                      oder auch morgens ein helles Design und abends ein dunkles.....

                                      Ja, das war der ursprüngliche Wunsch, weshalb das Objekt angelegt wurde.

                                      Eigentlich (tm) sollte beides gehen. Es liegt aber irgendwie im frontend... und da bin ich leider nicht so firm. Muss ich nochmal gucken. Eigentlich wollte ich das ganze Frontend auch mal neu machen und umbauen (besonders das mit der entity Liste in den Instanzeinstellungen gefällt mir wenig). Da bin ich aber bisher nie über ein Konzept in meinem Kopf hinaus gekommen. :-/

                                      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
                                      Antworten
                                      • In einem neuen Thema antworten
                                      Anmelden zum Antworten
                                      • Älteste zuerst
                                      • Neuste zuerst
                                      • Meiste Stimmen


                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      675

                                      Online

                                      32.6k

                                      Benutzer

                                      82.3k

                                      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
                                      • Home
                                      • Aktuell
                                      • Tags
                                      • Ungelesen 0
                                      • Kategorien
                                      • Unreplied
                                      • Beliebt
                                      • GitHub
                                      • Docu
                                      • Hilfe