Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test lovelace 4.x

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test lovelace 4.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • XBiT
      XBiT @Jens Hasemann last edited by 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 Hasemann 1 Reply Last reply Reply Quote 1
      • Jens Hasemann
        Jens Hasemann @XBiT last edited by

        @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. 1 Reply Last reply Reply Quote 1
        • David G.
          David G. @Jens Hasemann last edited by

          @jens-hasemann

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

          Jens Hasemann 1 Reply Last reply Reply Quote 0
          • Jens Hasemann
            Jens Hasemann @David G. last edited by

            @david-g
            Seit Version 5.0.0

            mcm1957 1 Reply Last reply Reply Quote 0
            • mcm1957
              mcm1957 @Jens Hasemann last edited by

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

              1 Reply Last reply Reply Quote 0
              • astuermer
                astuermer last edited by astuermer

                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 Reply Quote 1
                • astuermer
                  astuermer last edited by 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!

                  XBiT Garfonso 2 Replies Last reply Reply Quote 0
                  • XBiT
                    XBiT @astuermer last edited by

                    @astuermer

                    Servus,

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

                    Vielen Dank

                    astuermer 1 Reply Last reply Reply Quote 1
                    • astuermer
                      astuermer @XBiT last edited by 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
                      
                      XBiT 1 Reply Last reply Reply Quote 2
                      • XBiT
                        XBiT @astuermer last edited by

                        @astuermer

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

                        Grüße

                        astuermer 2 Replies Last reply Reply Quote 1
                        • astuermer
                          astuermer @XBiT last edited by

                          @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 Reply Quote 0
                          • astuermer
                            astuermer @XBiT last edited by

                            @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 Reply Quote 2
                            • Garfonso
                              Garfonso Developer @astuermer last edited by

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

                              1 Reply Last reply Reply Quote 0
                              • B
                                benni86 last edited by benni86

                                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 Reply Quote 0
                                • JB1985
                                  JB1985 last edited by 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. Garfonso 2 Replies Last reply Reply Quote 0
                                  • David G.
                                    David G. @JB1985 last edited by

                                    @jb1985

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

                                    JB1985 1 Reply Last reply Reply Quote 0
                                    • JB1985
                                      JB1985 @David G. last edited by

                                      @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 Reply Quote 0
                                      • Garfonso
                                        Garfonso Developer @JB1985 last edited by

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

                                        tiobb 1 Reply Last reply Reply Quote 0
                                        • tiobb
                                          tiobb @Garfonso last edited by

                                          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. 1 Reply Last reply Reply Quote 0
                                          • David G.
                                            David G. @tiobb last edited by David G.

                                            @tiobb

                                            So weit ich weiß nur hiermit

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

                                            tiobb 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            394
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            86
                                            872
                                            221867
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo