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.
    • XBiT
      XBiT @heinzie last edited by XBiT

      @heinzie

      mach dir eine Textdatei auf den Desktop und schreib da deinen Code rein -> Speicher es als zb. "wetter.html".
      Lade dieser wetter.html in dein Lovelace hoch (da wo sonst die Cards in den Einstellungen hochgeladen werden).

      Starte den ioBroker 1x neu (Neustart von Lovelace und Web Instance reicht bei mir nicht bzw. dauert es sonst ein paar Stunden bis er die Datei findet oder Änderung in der Datei übernimmt... warum auch immer.)

      Danach kannst du damit Arbeiten:

      type: iframe
      url: /cards/wetter.html
      aspect_ratio: 55%
      
      H 1 Reply Last reply Reply Quote 1
      • H
        heinzie @XBiT last edited by

        @xbit Vielen Dank, hat sofort nach deiner Anleitung funktioniert.

        Weißt du zufällig auch noch wie ich den weißen Hintergrund der Karte weg bekommen?

        50748eaa-ec01-481c-b331-32cfc7d4d86d-image.png

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

          @heinzie

          Irgendwie (viel weiter oben) habe ich mal meine Wetterkarte gepostet.
          Sieht ähnlich aus. Hatte den Vorteil, dass du es leicht an dein Theme anpassen kannst.

          Screen_Recordin-1712245556535.gif

          Edit
          Sehe grad, bei deinem Widget kann man wohl auch Sachen anpassen.

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

            @heinzie

            Der Hintergrund ist so ein Problem... der kommt von den Einstellungen wo du den "Code" erstellst sicherlich steht er auf "transparent" was im Iframe leider immer weiß wird und nicht durchsichtig.

            Falls du einen einfarbigen Hintergrund in Lovelace hast musst du bei weatherwidget.org dein Widget die gleiche Farbe geben und den "Code" in der wetter.html Datei austauschen.

            Oder du schaust dir mal die Wetter Card von @David-G an die ist besser integrierbar und nicht mit so einen Link zum Anbieter beim klick auf die Wetter-Karte.

            1 Reply Last reply Reply Quote 0
            • H
              heinzie last edited by

              Bin immer noch an meiner Wetterkarte am basteln.

              Versuche es gerade mit dieser Platinum-Weather-Card die mir sehr gut gefällt.

              Das Problem ist leider, dass keine Icon angezeigt werden. Habe das mit den Adapter DasWetter und openweathermap probiert.

              Bei DasWetter vermute ich das der Pfad irgendwie nicht passt.

              angegeben in der card wird:
              /adapter/daswetter/icons/tiempo-weather/galeria1/6.png

              die Icon liegen bei mir aber in:
              /opt/iobroker/node_modules/iobroker.daswetter/icon/tiempo-weather/galeria2

              muss ich die ggf. nur woanders hinkopieren?

              07098681-0caa-4e40-bdd8-7a3252a3abf0-grafik.png

              Bei openweathermap versucht er die wohl aus dem Netz zu laden, was leider auch nicht klappt:

              6fe0f93b-a1fa-4dd9-bcfa-ead2ca230ac1-grafik.png

              Garfonso 1 Reply Last reply Reply Quote 0
              • U
                umichel last edited by

                Hi, ich nutze Lovelace als Visualisierung.
                Ich plane ein BKW und mich würde interessieren, wie die Erfahrungen zur Visualisierungen damit sind?
                Da ich noch nichts gekauft habe:
                Die Wechselrichter können ja auch Daten liefern:

                • Deye: Läuft eigentlich über eine Cloud, aber es gibt wohl auch einen iob Adapter der Daten liefert.
                • Hoymiles: Hier geht es wohl über die openDTU Anbindung bzw. den openDTU Adapter.

                Alternativ geht es wohl auch über einen Zwischenstecker (Shelly) um erzeugte Energie zu messen.

                Was wären den die Vor- oder Nachteile der jeweiligen Lösungen?

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

                  @umichel ich hab einen HM800 und nutze schlichtweg einen Shelly Plug zum Auslesen der Einspeisung.

                  1 Reply Last reply Reply Quote 0
                  • U
                    umichel last edited by

                    Hmm , OK.
                    Ich hab gerade überlegt, dass ein Shelly bei mir eher suboptimal ist, weil er für den Aussbereich eher nicht so gut geeignet ist.

                    Dann wohl eher die Frage ob openDTU (weil Wlan von drinnen zum WR) oder der Deye Adpater für den ioBroker.
                    Ich weiss jetzt nicht was da besser wäre für die Anbindung an Lovelace.

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

                      @heinzie said in Test lovelace 4.x:

                      /adapter/daswetter/icons/tiempo-weather/galeria1/6.png

                      Die URL passt. Der Adapter kriegt den Request und biegt ihn zum passenden Adapter um und schickt das Icon zurück.

                      Die Karte erwartet an der Stelle keine URL, sondern eine Beschreibung des Wetters aus der sie dann ein Icon generieren will. Das ist der große Unterschied an der Stelle zwischen ioBroker und Homeassistant -> die ganzen Homeassistant Wetterkarten gehen für "uns" nicht. Die mitgelieferte hacke ich bei jedem Update entsprechend. Bei custom cards kann ich das nicht leisten...

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

                        @garfonso sagte in Test lovelace 4.x:

                        @heinzie said in Test lovelace 4.x:

                        /adapter/daswetter/icons/tiempo-weather/galeria1/6.png

                        Die URL passt. Der Adapter kriegt den Request und biegt ihn zum passenden Adapter um und schickt das Icon zurück.

                        Die Karte erwartet an der Stelle keine URL, sondern eine Beschreibung des Wetters aus der sie dann ein Icon generieren will. Das ist der große Unterschied an der Stelle zwischen ioBroker und Homeassistant -> die ganzen Homeassistant Wetterkarten gehen für "uns" nicht. Die mitgelieferte hacke ich bei jedem Update entsprechend. Bei custom cards kann ich das nicht leisten...

                        Danke für die Rückmeldung, dann kann man halt nichts machen.

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

                          @heinzie
                          Naja, schon. Die default Karte verwenden und zusätzliche Werte daneben anzeigen wäre meine Empfehlung. Es gibt auch eine more-info Karte, die das more-info von entities anzeigt. Da steht beim wetter entity auch nochmal mehr als auf der Karte, glaube ich. Kann man auch mal angucken.

                          Oder halt eine Karte für ioBroker bauen. Für accuweather gibt es sowas, wobei das dann auch immer ein wenig braucht, bis die aktualisiert wird, bei einem frontend update (keine ahnung, ob das schon passiert ist seit letztdem update. ( https://github.com/algar42/IoB.lovelace.accuweather-card -> ok, Antwort ist "nein", letzte Version 3 Jahre alt)

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

                            hallo Community,

                            ich nutze lovelace seit langer Zeit in Kombination mit apexcharts. sieht wirklich schön aus.
                            Ich habe das Problem das die Entity states in bei den Apex charts nur nach browser refresh ein Updates erhalten. Nutze ich die entity-card von lovelace werden die sekündlichen updates angezeigt (unten im bild):
                            59b93eae-f529-4bd1-b8a0-9fcb1b386b22-grafik.png
                            ich habe bei aphex charts config schon probiert:
                            cache: false
                            update_interval: 1sec

                            ohne Erfolg.
                            Für Tips wäre ich dankbar.

                            type: custom:config-template-card
                            entities:
                              - input_number.lovelace_Stunden_monitor_chart
                              - input_number.lovelace_Tage_chart_review
                            card:
                              type: vertical-stack
                              cards:
                                - type: custom:apexcharts-card
                                  now:
                                    show: false
                                  header:
                                    show: true
                                    title: PC Power
                                    show_states: true
                                  apex_config:
                                    cache: false
                                    grid:
                                      show: true
                                    legend:
                                      show: true
                                      position: top
                                      horizontalAlign: center
                                      floating: true
                                      fontSize: 10px
                                      itemMargin:
                                        horizontal: 10
                                        vertical: 3
                                    chart:
                                      height: 200px
                                      width: 100%
                                      offsetX: 0
                                    plotOptions:
                                      bar:
                                        columnWidth: 100%
                                    xaxis:
                                      labels:
                                        show: true
                                        datetimeFormatter:
                                          hour: HH
                                        lines:
                                          show: true
                                    yaxis:
                                      - id: first
                                        show: true
                                        min: 0
                                        max: 200
                                        opposite: false
                                        decimalsInFloat: 0
                                        decimals: 0
                                        tickAmount: 4
                                        forceNiceScale: false
                                        floating: false
                                        labels:
                                          align: right
                                          offsetX: 0
                                          offsetY: 0
                                          rotate: 0
                                  experimental:
                                    color_threshold: true
                                    brush: false
                                  brush:
                                    selection_span: 18h
                                    apex_config:
                                      chart:
                                        height: 90px
                                      xaxis:
                                        labels:
                                          show: true
                                          datetimeFormatter:
                                            hour: HH
                                          lines:
                                            show: true
                                      yaxis:
                                        min: 0
                                        max: 600
                                        decimals: 1
                                        tickAmount: 2
                                        decimalsInFloat: 0
                                  stacked: false
                                  graph_span: 360min
                                  span:
                                    end: minute
                                    offset: >-
                                      ${{'-'+states['input_number.lovelace_Stunden_monitor_chart'].state+'h'}}
                                  all_series_config:
                                    stroke_width: 3
                                    show:
                                      datalabels: false
                                      in_header: true
                                  series:
                                    - entity: sensor.Pcpowerneu_load_power
                                      type: line
                                      name: CPU
                                      group_by:
                                        duration: 5min
                                        fill: last
                                        func: avg
                                      show:
                                        legend_value: true
                                        extremas: max
                                    - entity: sensor.a4c138e34f86501b_load_power
                                      name: Server
                                      group_by:
                                        duration: 5min
                                        fill: last
                                        func: avg
                                    - entity: sensor.Pcpowerneu_load_power
                                      show:
                                        in_chart: false
                            
                            Garfonso 1 Reply Last reply Reply Quote 0
                            • Garfonso
                              Garfonso Developer @BobmortonTX last edited by

                              @bobmortontx
                              klappt es, wenn du die gleichen entities in einer anderen Karte verwendest? Vielleicht abonniert der Adapter die nicht richtig (wobei da "entity" dran steht, müsste eigentlich gehen)

                              1 Reply Last reply Reply Quote 0
                              • P
                                pafade89 @pafade89 last edited by

                                @pafade89 sagte in Test lovelace 4.x:

                                @garfonso sagte in Test lovelace 4.x:

                                @pafade89 said in Test lovelace 4.x:

                                Besteht eine Chance, das du dir das nochmal genauer anguckst ?

                                Ja, das gucke ich mir an. Weiß nur nicht wann.

                                @pafade89 said in Test lovelace 4.x:

                                Hätte einige Anwendungsfälle dafür und custom gibt es leider nicht so viel Auswahl.

                                Kann die denn mehr als die normale History-Graph-Card? Oder Sensor?

                                Habe folgendes gefunden:
                                "The statistics graph card allows you to display a graph of statistics data for each of the entities listed."

                                Damit kann man also zum Beispiel auch Balkendiagramme anzeigen lassen.

                                @pafade89 said in Test lovelace 4.x:

                                Was kann man hier tun?

                                Du:
                                das hier melden. Und vielleicht versuchen rauszufinden, was passiert, damit diese Meldung kommt, damit ich mir das >genauer angucken kann.

                                Ich:
                                ich muss da was implementieren... den request "recall_id" kannte ich bisher aber nicht und die Warnung bemängelt auch, >dass da keine Browser ID drin steht (sieht man ja auch nicht). Da müsste ich suchen, was da los ist. Hab ich bei mir noch >nicht gesehen -> von daher wäre es ech hilfreich, wenn du irgendwie mal rumspielen könntest und gucken, wann das im >log kommt, also was du (vermutlich mit browser mod?) da machst.

                                Seit dem letzten Update habe ich diesen Fehler nicht mehr reproduzieren können.

                                VG P

                                @Garfonso schaffst du dir nochmal die Implementation der Statistikdiagramm Card anzugucken, ohne drängeln zu wollen 🙂

                                1 Reply Last reply Reply Quote 1
                                • S
                                  srkonus last edited by

                                  Wie kann man die Toolbar ausblenden? Den Menüpunkt unter Themen gibt es nicht mehr.

                                  P 1 Reply Last reply Reply Quote 0
                                  • P
                                    pafade89 @srkonus last edited by pafade89

                                    @srkonus

                                    https://github.com/ioBroker/ioBroker.lovelace/blob/master/docs%2Fde%2Fui_tipps.md

                                    Meinst du das hier? Wurde auf die aktuelle Version angepasst.

                                    S Garfonso 3 Replies Last reply Reply Quote 0
                                    • S
                                      srkonus @pafade89 last edited by

                                      @pafade89 Danke, werde es testen

                                      1 Reply Last reply Reply Quote 0
                                      • S
                                        srkonus @pafade89 last edited by

                                        @pafade89 Hab es versucht, auch anhand des Beispiels, aber wenn ich das eintrage steht mir das Theme nicht mehr zur Verfügung.

                                        P 1 Reply Last reply Reply Quote 0
                                        • P
                                          pafade89 @srkonus last edited by

                                          @srkonus Hast du auch hier dein bearbeitetes Theme richtig ausgewählt?

                                          e64bfffe-5839-4cc2-8c58-cfcd48de4c6e-image.png

                                          Außerdem muss natürlich Cardmod aktiviert sein.

                                          S 1 Reply Last reply Reply Quote 0
                                          • B
                                            berndsolar13 last edited by berndsolar13

                                            hi, hätte mal ne Frage zu einem "variablen" Name einer Entität
                                            Ich lasse mir im Energie Dashboard den aktuellen Stromverbrauch vom Zähler anzeigen.

                                            Sobald nix mehr vom "Solar" kommt, hab ich natürlich immer Bezug.
                                            Aber in der Regel von 07 bis 19 Uhr ist dieser Wert Negativ, weil die PV Anlage mehr produziert wie das Haus braucht.

                                            Also dachte ich mir, ich mache die Bezeichnung der Entität variabel.
                                            Bei > 0 = Bezug
                                            Bei < 1 = Einspeisung

                                            name: >-
                                              [[[ if (sensor.Stromzahler_PZ_Power_curr > 0) return "Betug"; else
                                              return "Einspeisung" ]]]
                                            

                                            Ist aus dem Internet zusammengebastelt, funktioniert aber nicht, ist wohl so ein Home Assistant Template Code Beispiel, kein Plan ob das dieser Adapter hier überhaupt unterstützt 😉
                                            Ist jetzt nicht lebensnotwendig, nur "nice to have" 🙂

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.2k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            85
                                            856
                                            209200
                                            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