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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test lovelace 4.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                  • Garfonso
                    Garfonso Developer @David G. last edited by

                    @david-g
                    Hm... die states sollten im Alias auch eine Wirkung haben. Vielleicht mal den Adapter neustarten. Und du kannst die states auch auf Deutsch anlegen. Wobei.. hm.. was ist denn der Typ (common.type)? Die States müssen natürlich zum Typ passen und mit boolean geht es vermutlich nicht. Offiziell sind die states nur für number erlaubt.

                    Oder das Entity mit einer anderen Karte darunter packen oder so. Ist dann vielleicht nicht ganz so hübsch...
                    Oder mal gucken, ob es in einem der Forks der Karte besser ist.

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

                      Hab es jetzt was umgemodelt.
                      Auch wenn es mir noch nicht ganz gefällt.

                      Screenshot_20231108_205616_Chrome.jpg

                      Man müsste in den Überschriften der Karten Bindungs verwenden können. Das wäre klasse.
                      Dann könnte man da einfach ein Bild einbinden.

                      B 1 Reply Last reply Reply Quote 0
                      • O
                        olterion last edited by olterion

                        Hallo,

                        ich habe nun auch den Weg zu dieser Visualisierung gefunden.
                        Es ist wirklich gut dokumentiert und man kann sich recht gut selber zurecht finden.
                        Vielen Dank dafür schonmal an alle, die vor mir die Hürden gemeistert haben und dies auch noch so gut dokumentiert haben!

                        Eine Hürde konnte ich dann aber doch noch nicht alleine überwinden:
                        Ich habe in iobroker mein KNX System eingebunden.
                        Jedes Fenster ist bei mir mit jeweils einem Öffnungssensor und einem Kippsensor ausgestattet.
                        Diese Sensoren gehen auf jeweils einen Binärkanaleingang im KNX System.
                        Somit stehen die Informationen "gekippt -> ja/nein" und "geöffnet->ja/nein" in iobroker als 2 einzelne Datenpunkte bereit.

                        Nun würde ich gerne in lovelace einen Text oder auch ein Icon pro Fenster anzeigen lassen, welches den aktuellen Zustand des Fensters wiederspiegelt.

                        Dazu müssen dann ja aber 2 Datenpunkte zu einer Information verarbeitet werden und 3 Zustände unterschieden werden: geschlossen / geöffnet / gekippt

                        Ich habe dazu die markdown Karte gefunden, mit der ich bereits erfolgreich auf die iobroker datenpunkte durchgreifen konnte:

                        {a:openknx.0.Melden_Sensor.OG_Sensoren.OG-Büro-Kippsens__Fenster_(Melden); a===true || a ==='true' ? 'geöffnet' : 'geschlossen'}
                        

                        Nun fehlt mir aber die Idee, wie ich den zweiten Datenpunkt darin verarbeiten kann. Oder geht das so gar nicht?

                        Gibt es evtl. eine andere Idee, wie ich die beiden Informationen verarbeiten und die entsprechende Information anzeigen lassen kann?

                        Vielen Dank!

                        Garfonso 1 Reply Last reply Reply Quote 0
                        • Q
                          quorle last edited by

                          Hat hier jemand seine Heizung im KNX System eingebunden und kann mir zeigen wie die Datenpunkte aussehen müssen?

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

                            @quorle

                            Das würde schon ein paar mal angesprochen glaube ich.
                            Erstell dir die Heizungen am besten mit dem Devices Adapter.

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

                              @olterion said in Test lovelace 3.x:

                              Ich habe dazu die markdown Karte gefunden, mit der ich bereits erfolgreich auf die iobroker datenpunkte durchgreifen konnte:
                              {a:openknx.0.Melden_Sensor.OG_Sensoren.OG-Büro-Kippsens__Fenster_(Melden); a===true || a ==='true' ? 'geöffnet' : 'geschlossen'}

                              Nun fehlt mir aber die Idee, wie ich den zweiten Datenpunkt darin verarbeiten kann. Oder geht das so gar nicht?

                              Puh... hab ich bei mir mit einem Skript gelöst -> das verheiratet die Datenpunkte und macht eine Zahl draus (0: closed, 1: open, 2: tilted) mit entsprechendem common.states wird das dann ein Text-Sensor in Lovelace (inklusive Übersetzung). Mein Skript ist etwas speziell, aber wenn du magst, kann ich da gerne mehr zu schreiben / das mal ordentlich machen, das man es auch veröffentlichen könnte.

                              Mit Markdown könnte es auch gehen... aber irgendwie begreife ich aktuell nicht, wie die Syntax wäre um zwei IDs zu nutzen.... oder wo das schief geht. Eigentlich sollte sowas hier gehen:

                              {offen:openknx.0.Überwachungsanlage.Status_Türen_Fenster.Fenster_DG_Bad_ganz_offen;kipp:openknx.0.Überwachungsanlage.Status_Türen_Fenster.Fenster_DG_Bad_kipp;offen==='true' ? 'offen' :: kipp==='true' ? 'gekippt' :: 'geschlossen'}
                              

                              @quorle said in Test lovelace 3.x:

                              Hat hier jemand seine Heizung im KNX System eingebunden und kann mir zeigen wie die Datenpunkte aussehen müssen?

                              Ja, nimm den devices Adapter, der hat ein Thermostat Gerät. Da musst du in jedem Fall die Zieltemperatur eintragen.

                              Grundsätzlich empfehle ich bei KNX alles mit Aliasen zu machen. Besonders, wenn man in die Gefahr kommt. nochmal was an den Gruppen-Namen machen zu wollen / müssen (weil man z.B. eine ETS Lizenz hat). IMHO ist das in ioBroker sonst auch extrem unübersichtlich durch die super langen IDs.

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

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

                                Hab es jetzt was umgemodelt.
                                Auch wenn es mir noch nicht ganz gefällt.

                                Screenshot_20231108_205616_Chrome.jpg

                                Man müsste in den Überschriften der Karten Bindungs verwenden können. Das wäre klasse.
                                Dann könnte man da einfach ein Bild einbinden.

                                Das gefällt mir – was ist das denn für ein Karten-Typ?
                                Und vergrößert sich nach Klick auf "Verlauf" die Karte und zeigt noch weitere Infos an? Wie ist das gelöst?

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

                                  @bfit

                                  Hier siehst du die verwendeten Karten.
                                  Wenn man auf Verlauf drückt klappt eine eCharts Tabelle aus.

                                  type: custom:stack-in-card
                                  mode: vertical
                                  keep:
                                   box_shadow: false
                                   margin: false
                                   border_radius: true
                                   outer_padding: true
                                  cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: custom:simple-thermostat
                                         header:
                                           name: Wohnzimmer
                                         layout:
                                           step: row
                                         hide:
                                           state: true
                                         entity: climate.Thermostat_Wohnbereich
                                   - type: vertical-stack
                                     cards:
                                       - type: markdown
                                         content: '---'
                                   - show_name: true
                                     show_icon: true
                                     show_state: true
                                     type: glance
                                     entities:
                                       - entity: binary_sensor.Fenster_1_Kueche
                                         name: Fenster
                                       - entity: sensor.Thermostat_Wohnbereich_Humidity
                                         name: Luftfeuchte
                                       - entity: input_number.Heizung_Wohnzimmer_Ventil
                                         name: Ventil
                                         icon: mdi:pipe-valve
                                   - type: vertical-stack
                                     cards:
                                       - type: markdown
                                         content: '---'
                                   - type: horizontal-stack
                                     cards:
                                       - type: picture-elements
                                         image: /cards/bg_thermo_settings.png
                                         elements:
                                           - type: image
                                             image: /cards/boost_active.png
                                             entity: switch.Heizung_Wohnbereich_boost
                                             state_filter:
                                               'true': brightness(100%) saturate(0.0)
                                               'false': brightness(100%) saturate
                                             tap_action:
                                               action: toggle
                                             hold_action:
                                               action: none
                                             style:
                                               top: 20px
                                               left: 28%
                                               width: 10%
                                           - type: image
                                             image: /cards/urlaub_active.png
                                             entity: switch.Heizung_Wohnbereich_party
                                             state_filter:
                                               'true': brightness(100%) saturate(0.0)
                                               'false': brightness(100%) saturate
                                             tap_action:
                                               action: toggle
                                             hold_action:
                                               action: none
                                             style:
                                               top: 20px
                                               left: 72%
                                               width: 10%
                                           - type: image
                                             image: /cards/linie_senkrecht.png
                                             entity: binary_sensor.Schloss_Haustuere
                                             state_filter:
                                               'true': brightness(100%) saturate(0.0)
                                               'false': brightness(100%) saturate
                                             tap_action:
                                               action: toggle
                                             hold_action:
                                               action: none
                                             style:
                                               top: 20px
                                               left: 50%
                                   - type: custom:collapsable-cards
                                     title: Verlauf
                                     cards:
                                       - type: iframe
                                         aspect_ratio: 50%
                                         title: null
                                         url: >-
                                           https://192.168.99.33:8082/echarts/index.html?preset=echarts.0.Heizung.Wohnzimmer_copy
                                  
                                  

                                  Screenshot_20231208_090422_Chrome.jpg

                                  Ich bastel mit das immer mit einem normalen Horizontalem oder vertikalen Stapel zusammen. Dann geht das sdhonoper Gui.
                                  Wenn alles steht täusche es es oben gegen die custom:stack-in-card um die Rahmen zu verstecken.

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

                                    @garfonso

                                    Meine Hauptinstanz startet mit der 4er nicht....
                                    Die kleine Visu meiner Frau läuft.

                                    
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.733	warn	0_userdata.0.aber: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.696	warn	Got duplicate for entity switch.Heizung_KZ_1_boost. Overwriting old value. Was for alias.0.KiZi_1.Heizung_KiZi_1.BOOST_MODE and new one is for hm-rpc.1.INT0000006.1.BOOST_MODE
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.617	warn	0_userdata.0.echart_dp_test_zeit: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.615	warn	0_userdata.0.echart_dp_test: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.610	warn	0_userdata.0.Werteliste: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.451	warn	Terminated (UNCAUGHT_EXCEPTION): Without reason
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.445	error	Cannot read properties of null (reading 'val')
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.445	error	TypeError: Cannot read properties of null (reading 'val') at BrowserModModule._checkObjects (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:257:73) at async BrowserModModule.init (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:561:9) at async Promise.all (index 0)
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.445	error	unhandled promise rejection: Cannot read properties of null (reading 'val')
                                    
                                    lovelace.0
                                    2023-12-09 00:33:41.445	error	Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().
                                    
                                    lovelace.0
                                    2023-12-09 00:33:39.979	warn	Information for Developer: Using the direct "Let's encrypt" module import is deprecated and will be removed in the next js-controller version, use @iobroker/webserver instead
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.510	warn	0_userdata.0.aber: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.474	warn	Got duplicate for entity switch.Heizung_KZ_1_boost. Overwriting old value. Was for alias.0.KiZi_1.Heizung_KiZi_1.BOOST_MODE and new one is for hm-rpc.1.INT0000006.1.BOOST_MODE
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.394	warn	0_userdata.0.echart_dp_test_zeit: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.393	warn	0_userdata.0.echart_dp_test: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.388	warn	0_userdata.0.Werteliste: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.211	warn	Terminated (UNCAUGHT_EXCEPTION): Without reason
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.207	error	Cannot read properties of null (reading 'val')
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.207	error	TypeError: Cannot read properties of null (reading 'val') at BrowserModModule._checkObjects (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:257:73) at async BrowserModModule.init (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:561:9) at async Promise.all (index 0)
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.207	error	unhandled promise rejection: Cannot read properties of null (reading 'val')
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.207	error	Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().
                                    
                                    lovelace.0
                                    2023-12-09 00:33:05.883	warn	Information for Developer: Using the direct "Let's encrypt" module import is deprecated and will be removed in the next js-controller version, use @iobroker/webserver instead
                                    
                                    lovelace.0
                                    2023-12-09 00:33:07.510	warn	0_userdata.0.aber: states is of type string. Problems might occur. Please fix states to be of type object.
                                    
                                    
                                    Garfonso 1 Reply Last reply Reply Quote 0
                                    • Garfonso
                                      Garfonso Developer @David G. last edited by

                                      @david-g
                                      hm. warum geht der eine, der andere nicht? Naja. Sollte mit 4.0.2 nicht passieren.

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

                                        @garfonso

                                        Es lief wohl nur so halb bei meiner Frau. S sie heute morgen den Weihnachtsbaum 🎄 einschalten wollte, ist die Instanz auch abgeschmiert.

                                        Die 4.0.4 läuft jetzt aber wie es aussieht.
                                        Auch wenn ich ein paar Notifications habe, die vorher nicht da waren 😅
                                        Screenshot_20231209_081351_Fully Kiosk Browser.jpg

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

                                          @garfonso

                                          Die Thermostatkarte geht bei mir nicht mehr.
                                          Wollte sie mir grade mal ansehen, als ich hier https://youtu.be/vgap1mACK4w?si=jam9KPxZPpBpYTZZ gesehen habe, dass diese im Dezemberupdate überarbeitet wurde.

                                          Screenshot_20231209_140246_Fully Kiosk Browser.jpg

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

                                            @garfonso: Erst mal vielen Dank für die Updates! Ich weiß es sehr zu schätzen, dass du uns immer mit neuen Versionen versorgst und dir unsere Probleme anhörst!

                                            Probleme mit History-Werten in history-graph und apexcharts-card
                                            Leider habe ich mit der Version 4.0.5 das Problem, dass die History-Werte in den Karten history-graph und apexcharts-card nicht angezeigt werden. Es funktioniert allerdings in den Karten mini-graph-card und sensor. Die Karte history-graph ist eine Standard-Karte.

                                            Im Log sehe ich die Anforderungen der History-Werte, aber keine Fehlermeldung, dass irgendetwas nicht geliefert wird.

                                            lovelace.0     2023-12-09 14:55:45.690	debug	Get history for sensor.Aussen_Boden_Beet_hinten_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
                                            lovelace.0     2023-12-09 14:55:45.688	debug	Get history for sensor.Aussen_Boden_Schattenbeet_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
                                            lovelace.0     2023-12-09 14:55:45.599	debug	Get history for sensor.Aussen_Boden_Vorgarten_Rechts_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
                                            lovelace.0     2023-12-09 14:55:45.532	debug	Get history for sensor.Aussen_Boden_Terrassenbeet_Rechts_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
                                            

                                            082cab10-f0ab-4d59-94eb-d32ce11fce20-image.pngf031d808-6d35-4748-921f-41b4e318eb80-image.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            85
                                            852
                                            200394
                                            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