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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Test lovelace 4.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • dontobi
      dontobi @XBiT last edited by

      @xbit Es geht um die Notifications bzw. Benachrichtigungen im Lovelace. Das hat nichts mit der Button Card zu tun.

      XBiT 1 Reply Last reply Reply Quote 0
      • XBiT
        XBiT @dontobi last edited by

        @dontobi

        Sorry... wer richtig lesen kann.... beim jetzigen lesen von deinen Beitrag ist es mir auch aufgefallen 😉

        1 Reply Last reply Reply Quote 0
        • E
          Erstam Developer @Garfonso last edited by

          @garfonso : Hi Garfonso! Ja, das sind manuell erstellte Sensoren für States, in die ich per JavaScript eine EPOCH-Zahl schreibe als Timestamp bzw. Wert für ein zukünftiges Datum. Ich habe die Sensoren entsprechend auf "Timestamp" eingestellt, funktioniert sehr gut! Vielen Dank!

          1 Reply Last reply Reply Quote 1
          • XBiT
            XBiT last edited by

            @Garfonso

            wenn man ein z.B. ein Fullscreen iframe auf einer Seite anzeigen lässt welches eine andere Farbe hat als die Lovelace Oberfläche hat man an der linken Seite eine ca. 2px große Linie. (siehe Bild)


            lovelace_pixel_links.png

            Diese Linie kommt vom ".mdc-drawer" der die background-color von "mdc-theme-surface" erhält.
            Die Farbe von "mdc-theme-surface" kann ich aber im Themen nicht auf z.B. schwarz ändern weil sonst z.B. das Bearbeitenmenü auch schwarz ist.

            Beim mdc.drawer ist auch der Wert "border-right-style: solid" oder "height: 100%" hinterlegt wenn einer dieser Werte weg ist ist die Linie auch weg.

            Wo kann ich die Daten der CSS bearbeiten habe leider nichts gefunden?

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

              @xbit said in Test lovelace 3.x:

              Wo kann ich die Daten der CSS bearbeiten habe leider nichts gefunden?

              Das ist nicht wirklich vorgesehen, das übernehmen wir alles von HomeAssistant und das wird auch alles gepackt. Das wird irgendwo im Ordner hass_frontend liegen, aber nicht lesbar und würde jedes Update überschrieben.

              Guck doch mal, ob du mit dem card_mod da irgendwie weiter kommst. Das ist normalerweise ganz gut um CSS zu ändern.

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

                @xbit sagte in Test lovelace 3.x:

                @david-g

                ich habe das Orange auch und es war noch nicht immer so ....
                kommt vom ha-icon css wo auch immer das ist.
                Ich ändere die Farbe im Themen wieder so wie ich es haben will.

                Screenshot 2023-07-14 222453.png

                mit den Einträgen in deinen Themen sollten die Icons weiß sein (Im Zustand True)

                  state-binary_sensor-on-color: rgba(255, 255, 255, 1)
                  state-binary_sensor-active-color: rgba(255, 255, 255, 1)
                

                Soooo,

                jetzt habe ich mich nochmal an das Theme begeben um die Farbe von dem state-icon endlich richtig zu haben.

                Habe deinen Vorschlag jetzt mal ins Theme eingebaut:
                Screenshot 2023-11-02 113840.png

                Hier als Code:

                  paper-font-title_-_font-family: "var(--primary-font-family)"
                  ha-card-header-font-family: "var(--primary-font-family)"
                  state-binary_sensor-on-color: "#BAC0C6"
                  state-binary_sensor-active-color: "#BAC0C6"
                
                  # Text
                  text-color: '#ffffff' 
                

                Mit den Zeilen im Theme wird dieses nicht mehr erkannt, dass man es nicht mehr auswählen kann.

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

                  @david-g

                  Wenn das Theme nicht mehr zur Auswahl steht ist ein Syntax Fehler im Code vom Theme.
                  Bei mir geht z.B. der Editor in den Adaptereinstellungen gar nicht ich Kopiere immer alles in Notepad++ mache da meine Änderungen und Kopiere alles zurück.

                  David G. 2 Replies Last reply Reply Quote 0
                  • David G.
                    David G. @XBiT last edited by

                    @xbit sagte in Test lovelace 3.x:

                    Wenn das Theme nicht mehr zur Auswahl steht ist ein Syntax Fehler im Code vom Theme.

                    Dann sollte ich den doch in dem Bereich sehen, den ich oben per c&p eingefügt habe oder?

                    Probiere es aber nochmal über einen externen Editor.

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

                      @xbit

                      Es will nicht.
                      Magst du mal schauen, ob das Theme bei dir geht?

                      Hab die beiden letzten Zeilen unter Fonts ergänzt.

                      noctis .txt

                      EDIT

                      Und noch was ist mir aufgefallen.
                      In der simple-thermostst-card steht beim Fenster jetzt on und off.
                      Früher stand da offen und geschlosssen.
                      Bei den normalen entities stimmt es nocoh.

                      5d01e242-eeff-4b15-8f5f-3218c32978ad-image.png

                           - type: custom:simple-thermostat
                              header:
                                name: Wohnzimmer
                              layout:
                                step: row
                              hide:
                                state: true
                              sensors:
                                - entity: binary_sensor.og_Fensterkontakt_OG_WINDOW_STATE
                                  name: Fenster
                                - entity: input_number.Heizung_Wohnzimmer_Ventil
                                  name: Ventil
                      
                      XBiT 1 Reply Last reply Reply Quote 0
                      • XBiT
                        XBiT @David G. last edited by

                        @david-g

                        unter #Fonts steht
                        state-binary_sensor-active-color: '#2e3b53'

                        unter #State Colors steht
                        state-binary_sensor-active-color: 'var(--accent-color)'

                        und bei
                        state-alert-off-color: var(--paper-item-icon-color) fehlen die ''

                        hier die Datei die geht: noctis.txt

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

                          @xbit

                          Vielen Dank.
                          Spiele ich heute Abend ein.

                          Also doppelt gemoppelt......

                          Das fehlende " muss alt sein. Hat ihn bisher nicht gestört.....

                          1 Reply Last reply Reply Quote 0
                          • D
                            docmagic last edited by

                            Hallo zusammen,

                            ich habe ein Problem und hoffe jemand ( @Garfonso ?) hat eine Lösung:

                            ich bin noch immer bei Lovelace Version 2.0.6, da bei allen Versionen danach die Darstellung von Buttons in Entities geändert wurde und die neue Darstellung schlechter ist als vorher... Ich kann es aber offenbar nicht so einstellen, dass mit irgendeiner neueren Version die Darstellung der Buttons so bleibt, wie es bei der Version 2.0.6 und davor war... Hier ein Beispiel:

                            cards:
                              - type: entities
                                show_header_toggle: false
                                header:
                                  type: picture
                                  image: /cards/h-roll2.png
                                entities:
                                  - type: buttons
                                    entities:
                                      - entity: switch.Haustuer_verriegeln
                                        name: Schloss zu
                                        icon: mdi:lock-outline
                                      - entity: switch.Haustuer_entriegeln
                                        name: Schloss auf
                                        icon: mdi:lock-open-variant-outline
                                      - entity: switch.Haustuer_oeffnen
                                        name: Öffnen
                                        icon: mdi:door-open
                                        tap_action:
                                          action: none
                                        double_tap_action:
                                          action: toggle
                                          confirmation:
                                            text: Tür kann nach dem öffnen NICHT mehr geschlossen werden?
                                  - type: section
                            

                            Das sieht dann bei mir mit 2.0.6 so aus:

                            Bildschirmfoto 2023-11-05 um 14.30.33.jpg

                            Wenn ich nun auf eine Version >2.0.6 update sehen diese Buttons nicht mehr so aus, sondern sind nicht mehr zentriert, sind rund umrahmt und farblich auch anders... Es sieht dann so aus:

                            Bildschirmfoto 2023-11-05 um 14.35.57.jpg

                            Gibt es eine Möglichkeit zu updaten und trotzdem die Darstellung der Buttons so ein zu stellen wie in Version 2.0.6?

                            Danke für Eure Hilfe...

                            Viele Grüße
                            DM

                            1 Reply Last reply Reply Quote 0
                            • Garfonso
                              Garfonso Developer last edited by

                              @david-g said in Test lovelace 3.x:

                              In der simple-thermostst-card steht beim Fenster jetzt on und off.
                              Früher stand da offen und geschlosssen.

                              Stimmt denn die device class? Ist der Sensor automatisch erkannt oder von Hand konfiguriert?

                              @docmagic
                              Ja, da hat sich das Frontend geändert... du kannst sicherlich versuchen mit dem Browser den style der alten Buttons rauszufinden und mit card_mod zu bauen. Aber mir wäre das nicht die Mühe wert, tbh...

                              David G. D 2 Replies Last reply Reply Quote 0
                              • David G.
                                David G. @Garfonso last edited by David G.

                                @garfonso sagte in Test lovelace 3.x:

                                Stimmt denn die device class? Ist der Sensor automatisch erkannt oder von Hand konfiguriert?

                                Ist von Hand konfiguriert.
                                In den Settings dann auf Fenster gestellt.
                                Screenshot_20231107_195503_Chrome.jpg

                                EDIT
                                Hab den Sensor jetzt nochmal automatisch erkennen lassen.
                                Auch dort wird es in der simple thermostat als on/off angezeigt.

                                In der normalen entities stimmt alles.

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

                                  @garfonso
                                  Danke für die Antwort, aber dafür reicht mein Wissen wohl nicht aus, ich wüsste tatsächlich gar nicht wie ich "mit dem Browser den Style der alten Buttons rausfinden" kann... mit welchem Browser? meinst Du im muss dann im Quelltext der Seite schauen, oder wo?

                                  Nun gut, wundert mich ehrlich gesagt, dass ich der einzige bin, den das stört, dass die neuen Buttons noch nicht mal zentriert sind, aber gut dann bleibe ich wohl eher bei der alten Version 2.0.6 solange es geht...

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

                                    @docmagic

                                    du kannst mit jedem Browser in den Entwicklermodus gehen. Normalerweise kannst du sogar mit rechtsklick -> untersuchen dahin kommen, da steht dann der Style. 😉 Ist aber kompliziert, ja.

                                    Wenn es dir nur um Zentrieren geht, ist das sicher einfacher (wobei das auch nicht immer trivial ist, kommt drauf an, worein die Elemente da eingepackt sind).
                                    Oder bau halt die Seite/Karte ganz anders... mich würde ja der verschenkte Platz von dem komischen Bild da massiv stören. Aber jeder, wie er mag.

                                    Grundsätzlich kann ich nicht empfehlen, auf der 2.0.6 zu bleiben. kopfkratz

                                    //Edit:
                                    Vielleicht ist das auch eine Frage, zu der du mal im HomeAssistant Umfeld suchen könntest. Immerhin kam die Änderung daher. Müsstest im Changelog gucken, welche Version in 3.0.0 eingeführt wurde. Ist aber alles schon ein paar Jahre alt..

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

                                      @david-g
                                      Sicher, dass das schonmal ging?
                                      Es gibt zumindest ein issue bei der Karte, wo das so klingt, als ob das noch nie anders war: https://github.com/nervetattoo/simple-thermostat/issues/402

                                      (dabei beachten: ein Fenster mit drei Zuständen, also offen/zu/gekippt, hackt der Adapter mit sanfter Gewalt, weil es das bei HomeAssistant grundsätzlich gar nicht gibt. Mit so einem Fenster könnte das an der Stelle schonmal funktioniert haben bzw. sollte immer noch, falls da ein Sensor möglich ist).

                                      gregf888 created this issue in nervetattoo/simple-thermostat

                                      open Change sensors from on/off to open/closed #402

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

                                        @garfonso sagte in Test lovelace 3.x:

                                        Sicher, dass das schonmal ging?

                                        Vom Bauchgefühl ja, aber nicht sicher.

                                        Hier steht es zumindest richtig auf dem Bild:
                                        https://community.home-assistant.io/t/lovelace-simple-thermostat-card/82659/989?u=ipod86

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

                                          @david-g

                                          Sorry hatte dein EDIT gar nicht gesehen...

                                          habe es mal schnell nachgestellt also bei mir geht auf -> zu -> gekippt


                                          auf.png

                                          gekippt.png

                                          zu.png

                                          Card Code:

                                          type: custom:simple-thermostat
                                          entity: climate.FBH_Control_Heizungsthermostat_Wohnzimmer
                                          sensors:
                                           - entity: sensor.Fenster_Terrassentuer
                                          header:
                                           name: Wohnzimmer
                                          layout:
                                           mode:
                                             icons: true
                                          hide:
                                           state: true
                                          step_size: '0.5'
                                          control: false
                                          

                                          Config Datenpunkt:


                                          Datenpunkt.png

                                          Bei dir ist der Datenpunkt binary_sensor der kann ja nur an/aus denke ich mein Datenpunkt ist jedenfalls auch manuell angelegt.

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

                                            @xbit

                                            Danke fürs testen.
                                            Hab nun auch nochmal was experimentiert.

                                            Mit den original DPs von den Sensoren bekomme ich es hin.
                                            Mit meinen Aliasen nicht.
                                            Die original DPs haben noch states vergeben. Open und Closed.
                                            Hab ich dann auch mal im Alias getestet. Bewirkt allerdings nichts.

                                            Wobei ich die englische Anzeige auch nicht so schön finde.....

                                            ML sehen, ob ich das Fenster woanders in die Karte einbauen kann. Hab da noch ein wenig drum gebaut.

                                            Screenshot_20231108_192810_Fully Kiosk Browser.jpg

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            892
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            85
                                            844
                                            183519
                                            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