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.0k

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

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

Test lovelace 5.x

Test lovelace 5.x

Scheduled Pinned Locked Moved Tester
968 Posts 91 Posters 418.3k 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.
  • 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 Offline
              XBiTX Offline
              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 Offline
                  XBiTX Offline
                  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
                            • 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.
                              wrote on last edited by
                              #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 Reply Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  0
                                  • GarfonsoG Garfonso

                                    @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.

                                    tiobbT Offline
                                    tiobbT Offline
                                    tiobb
                                    wrote on last edited by
                                    #857

                                    Ich hänge mich hier mal rein,

                                    wie kann in Lovelace, Schalter, Raster usw. so positionieren wie ich das will, und nicht wie lovelace das anordnet. Dabei geht es nicht um die Reihenfolge. Alles was ich jetzt einrichte wird nur noch untereinander dargestellt. Hier mal ein screenshot, sieht ja furchtbar aus. Ich bin ganz neu dabei und habe null Ahnung von HTML.

                                    Bild_2025-07-11_151655707.png

                                    Raspberry Pi 4 8gb

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

                                      Ich hänge mich hier mal rein,

                                      wie kann in Lovelace, Schalter, Raster usw. so positionieren wie ich das will, und nicht wie lovelace das anordnet. Dabei geht es nicht um die Reihenfolge. Alles was ich jetzt einrichte wird nur noch untereinander dargestellt. Hier mal ein screenshot, sieht ja furchtbar aus. Ich bin ganz neu dabei und habe null Ahnung von HTML.

                                      Bild_2025-07-11_151655707.png

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

                                      @tiobb

                                      So weit ich weiß nur hiermit

                                      https://github.com/thomasloven/lovelace-layout-card
                                      Eben nicht sehr Benutzerfreundlich...

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

                                      Meine Tabellen für eure Visualisierung klick

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

                                        @tiobb

                                        So weit ich weiß nur hiermit

                                        https://github.com/thomasloven/lovelace-layout-card
                                        Eben nicht sehr Benutzerfreundlich...

                                        tiobbT Offline
                                        tiobbT Offline
                                        tiobb
                                        wrote on last edited by tiobb
                                        #859

                                        @david-g
                                        Danke für die Antwort. Ich bekomme das ganze nicht zum laufen, liegt sicherlich an mir. Ich blicke aber auch nicht so wirklich auf der github Seite durch. Hab die card-modder.js in der lovelace Instanz unter eigene Karten "installiert", aber jetzt komme ich nicht weiter. Noch eine Frage, wie bekomme ich ein Hintergrundbild eingebunden. Ich habe ein Theme installiert wo das Hintergrundbild noch manuell eingebunden werden muss. Das Bild habe ich ebenfalls in der lovelace Instanz unter eigene Karten hinzugefügt, aber da weiß ich jetzt nicht mehr weiter 🤦‍♂️😒🤷‍♂️
                                        Gibt es eine einfache Alternative zu lovelace bei der man mehr Konfiguration Möglichkeiten hat?

                                        Raspberry Pi 4 8gb

                                        XBiTX 1 Reply Last reply
                                        0
                                        • David G.D Online
                                          David G.D Online
                                          David G.
                                          wrote on last edited by David G.
                                          #860

                                          Beim Hintergrundbild schreibt dir nachher bestimmt jemand. Hatte ich vor Ewigkeiten mal.....

                                          Aus meiner Sicht nicht, wenn du es einfach haben willst. Das Pixelgenaue ist in Lovelace eben sehr bescheiden.....

                                          Eine kleine Hilfe ist es mit horizontal und vertikal Stack zu arbeiten. Also horizontalel und vertikaler Stapel. Die kann man aicu kombinieren und eine Art Tabelle bauen.

                                          EDIT
                                          Schau dich zu lovelace ruhig mal im homeassistant forum um. Von denen ist das ja ein fork. Da kann man viel lesen und auch fragen.

                                          EDIT 2
                                          Ein guter workarround.
                                          Definier die Seite als Panel (Eigenschaften von dem "Tab" der Seite.)

                                          Dann einen horizontal Stack mit der gewünschten Anzahl vertikal Stacks. Dann bleiben alle Reihen und Reihenfolge immer erhalten wie du es magst.

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

                                          Meine Tabellen für eure Visualisierung klick

                                          tiobbT 1 Reply 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

                                          467

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          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