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

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

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

Test lovelace 5.x

Geplant Angeheftet Gesperrt Verschoben Tester
969 Beiträge 91 Kommentatoren 418.9k 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.
  • GarfonsoG Garfonso

    @garfonso

    So, hab das neueste Frontend ins beta geschoben.

    5.0.0:

    • Brandneues UI, 2025.04.01.0 🙂 -> Configs prüfen.
    • browser_mod update auf 2.3.3 (soweit ich sehe nur kleinere Bugfixes)
    • Experimentell: hideSidebar kann genutzt werden um die Homeassistant-Seitenleiste einzublenden! Sehr viel davon funktioniert nicht... vermutlich wird einiges nie funktionieren. Muss da rausfummeln, was ich noch ausblenden sollte. Da gerne ne Liste machen mit Weg, wie ihr hingekommen seid, was ihr denkt, was lieber weg sollte....
    • Dashboard support -> Seitenleiste einblenden, dann konfiguration -> dashboard hinzufügen. (bitte macht vorher ein backup eurer config im Objekt "configuration", am besten mit der Export Funktion von admin im objects tab... beim ersten Versuch hab ich mir meine config damit komplett gelöscht. Ich glaube, dass ich das gefixt habe, ist seitdem nicht mehr passiert.. aber das objekt mal exportieren schadet ja auch nicht).

    Bekannte Probleme:

    • Einiges in der Seitenleiste funktioniert nicht, führt zu Fehlermeldungen in der Browser-Konsole oder Warnungen im Adapter oder dass die UI hängen bleibt
    • Das Zahnrad in der entities view ist da und geht nicht (eigentlich wollte ich das noch reparieren, finde aber immer noch nicht raus, wo es hängt... seufz)

    Viel Spaß beim testen. 🙂

    David G.D Offline
    David G.D Offline
    David G.
    schrieb am zuletzt editiert von
    #830

    @garfonso

    Ist das die selbe Version vor die von git?
    Kannst du mir sagen, wie ich die Seutenleiste und das Dashbweinblenden kann? Oder fehlt das noch in der git Version?

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

    Meine Tabellen für eure Visualisierung klick

    GarfonsoG 1 Antwort Letzte Antwort
    0
    • GarfonsoG Garfonso

      @garfonso

      So, hab das neueste Frontend ins beta geschoben.

      5.0.0:

      • Brandneues UI, 2025.04.01.0 🙂 -> Configs prüfen.
      • browser_mod update auf 2.3.3 (soweit ich sehe nur kleinere Bugfixes)
      • Experimentell: hideSidebar kann genutzt werden um die Homeassistant-Seitenleiste einzublenden! Sehr viel davon funktioniert nicht... vermutlich wird einiges nie funktionieren. Muss da rausfummeln, was ich noch ausblenden sollte. Da gerne ne Liste machen mit Weg, wie ihr hingekommen seid, was ihr denkt, was lieber weg sollte....
      • Dashboard support -> Seitenleiste einblenden, dann konfiguration -> dashboard hinzufügen. (bitte macht vorher ein backup eurer config im Objekt "configuration", am besten mit der Export Funktion von admin im objects tab... beim ersten Versuch hab ich mir meine config damit komplett gelöscht. Ich glaube, dass ich das gefixt habe, ist seitdem nicht mehr passiert.. aber das objekt mal exportieren schadet ja auch nicht).

      Bekannte Probleme:

      • Einiges in der Seitenleiste funktioniert nicht, führt zu Fehlermeldungen in der Browser-Konsole oder Warnungen im Adapter oder dass die UI hängen bleibt
      • Das Zahnrad in der entities view ist da und geht nicht (eigentlich wollte ich das noch reparieren, finde aber immer noch nicht raus, wo es hängt... seufz)

      Viel Spaß beim testen. 🙂

      L Online
      L Online
      lessthanmore
      schrieb am zuletzt editiert von
      #831

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

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

        @garfonso

        Ist das die selbe Version vor die von git?
        Kannst du mir sagen, wie ich die Seutenleiste und das Dashbweinblenden kann? Oder fehlt das noch in der git Version?

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

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

        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

        L David G.D 3 Antworten Letzte Antwort
        0
        • 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)

          L Online
          L Online
          lessthanmore
          schrieb am zuletzt editiert von
          #833

          @garfonso said in Test lovelace 4.x:

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

          Ist gemacht inkl. Screenshots: https://github.com/ioBroker/ioBroker.lovelace/issues/588

          1 Antwort Letzte Antwort
          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 Offline
            David G.D Offline
            David G.
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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 Offline
              David G.D Offline
              David G.
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              1
              • S Offline
                S Offline
                StephanH
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  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 Offline
                          David G.D Offline
                          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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          342

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          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