Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Material Design Widgets: Wetter View

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

Material Design Widgets: Wetter View

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
707 Posts 80 Posters 182.3k Views 88 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • N Offline
    N Offline
    niceddes
    wrote on last edited by
    #491

    Hallo zusammen,

    erst mal mein großer Respekt für das Ergebnis! Eine wirklich sehr schöne und umfangreiche View.

    Leider scheitere ich gerade etwas beim einbinden und bekomme keine Daten für die darunter liegenden Felder angezeigt.

    ac592c13-e85a-4c4d-9b4c-c88b95549ce7-image.png

    Die installierten Versionen sind geprüft bzw. aktuell und die Adapter liefern auch alle Daten, NPM Module sind auch alle drin. Ich habe das Skript und das Beispielprojekt schon mehrfach neu eingespielt, durchgestartet, etc. Der iobroker läuft im Container unter Proxmox.

    Kennt ihr das Fehlerbild und könnt mir hierbei vielleicht weiterhelfen? Ich bin gerade etwas am verzweifeln. ;-)

    Vielen Dank und Grüße,
    Christian

    GlasfaserG 1 Reply Last reply
    0
    • N niceddes

      Hallo zusammen,

      erst mal mein großer Respekt für das Ergebnis! Eine wirklich sehr schöne und umfangreiche View.

      Leider scheitere ich gerade etwas beim einbinden und bekomme keine Daten für die darunter liegenden Felder angezeigt.

      ac592c13-e85a-4c4d-9b4c-c88b95549ce7-image.png

      Die installierten Versionen sind geprüft bzw. aktuell und die Adapter liefern auch alle Daten, NPM Module sind auch alle drin. Ich habe das Skript und das Beispielprojekt schon mehrfach neu eingespielt, durchgestartet, etc. Der iobroker läuft im Container unter Proxmox.

      Kennt ihr das Fehlerbild und könnt mir hierbei vielleicht weiterhelfen? Ich bin gerade etwas am verzweifeln. ;-)

      Vielen Dank und Grüße,
      Christian

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      wrote on last edited by Glasfaser
      #492

      @niceddes sagte in Material Design Widgets: Wetter View:

      Kennt ihr das Fehlerbild und könnt mir hierbei vielleicht weiterhelfen? Ich bin gerade etwas am verzweifeln.

      Sieht jetzt bei mir genauso aus .
      Ist wohl bei einem Update aufgetreten , warum wieso kann ich mir jetzt selber nicht erklären !? :thinking_face:

      Alle Datenpunkte die in dem Projekt / in den Views , sind bei den Widgets zum größten Teil nicht mehr zugewiesen.

      Hier ein Beispiel , wo der Datenpunkt nicht mehr hinterlegt war :

      2.JPG
      .
      Neu zugewiesen bei einem anderen Widget :

      1.JPG

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      N 1 Reply Last reply
      0
      • GlasfaserG Glasfaser

        @niceddes sagte in Material Design Widgets: Wetter View:

        Kennt ihr das Fehlerbild und könnt mir hierbei vielleicht weiterhelfen? Ich bin gerade etwas am verzweifeln.

        Sieht jetzt bei mir genauso aus .
        Ist wohl bei einem Update aufgetreten , warum wieso kann ich mir jetzt selber nicht erklären !? :thinking_face:

        Alle Datenpunkte die in dem Projekt / in den Views , sind bei den Widgets zum größten Teil nicht mehr zugewiesen.

        Hier ein Beispiel , wo der Datenpunkt nicht mehr hinterlegt war :

        2.JPG
        .
        Neu zugewiesen bei einem anderen Widget :

        1.JPG

        N Offline
        N Offline
        niceddes
        wrote on last edited by
        #493

        @glasfaser

        Genau so sieht es bei mir auch auch.

        1 Reply Last reply
        0
        • A Offline
          A Offline
          Apropo
          wrote on last edited by Apropo
          #494

          @Scrounger Gibts dazu was neues? Ich versuche gerade erst ganz neu das Ganze ans Laufen zu bringen und habe leider die selben Fehler. Was ist jetzt der beste Weg? Alles selbst händisch irgendwie versuchen hinzubekommen? Oder kommt dazu nochmal ein Update? Oder bringts vielleicht was auf eine ältere Version zu wechseln?

          Und direkt noch ne Frage: In der Demo ist ganz unten ein Regenradar zu sehen. Das gibts bei mir leider nicht. Wie kann ich das auch bekommen?

          Und wie bekomme ich die kleinere Ansicht hin? Ich blicke da noch nicht so ganz durch.

          1 Reply Last reply
          0
          • M Online
            M Online
            michihorn
            wrote on last edited by michihorn
            #495

            Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
            Unbenannt.PNG

            Meine eigenen Sensoren habe ich so eingetragen:
            let idSensor_Temperatur = ('hm-rpc.2.00185BE98B3FCA.1.ACTUAL_TEMPERATURE');
            let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
            Wo bin ich falsch abgebogen?
            Gruß Michael

            GlasfaserG 2 Replies Last reply
            0
            • M michihorn

              Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
              Unbenannt.PNG

              Meine eigenen Sensoren habe ich so eingetragen:
              let idSensor_Temperatur = ('hm-rpc.2.00185BE98B3FCA.1.ACTUAL_TEMPERATURE');
              let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
              Wo bin ich falsch abgebogen?
              Gruß Michael

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              wrote on last edited by
              #496

              @michihorn

              Hier das Original :

              let idSensor_Temperatur = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Temperatur'                               // Temperatur des eigenen Sensor
              let idSensor_Luftfeuchtigkeit = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Luftfeuchtigkeit'                   // Luftfeuchtigkeit des eigenen Sensor
              
              let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
              

              Nimm bei dir die ( .Klammer . ) raus .

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              M 1 Reply Last reply
              0
              • GlasfaserG Glasfaser

                @michihorn

                Hier das Original :

                let idSensor_Temperatur = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Temperatur'                               // Temperatur des eigenen Sensor
                let idSensor_Luftfeuchtigkeit = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Luftfeuchtigkeit'                   // Luftfeuchtigkeit des eigenen Sensor
                
                let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
                

                Nimm bei dir die ( .Klammer . ) raus .

                M Online
                M Online
                michihorn
                wrote on last edited by
                #497

                @glasfaser Hallöchen, ne das war es leider nicht :-(

                GlasfaserG P 2 Replies Last reply
                0
                • M michihorn

                  @glasfaser Hallöchen, ne das war es leider nicht :-(

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  wrote on last edited by
                  #498

                  @michihorn sagte in Material Design Widgets: Wetter View:

                  @glasfaser Hallöchen, ne das war es leider nicht :-(

                  Du schreibst nur von den eigenen Datenpunkten , was ist mit den anderen ?

                  Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
                  bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

                  1.JPG

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  M 1 Reply Last reply
                  0
                  • GlasfaserG Glasfaser

                    @michihorn sagte in Material Design Widgets: Wetter View:

                    @glasfaser Hallöchen, ne das war es leider nicht :-(

                    Du schreibst nur von den eigenen Datenpunkten , was ist mit den anderen ?

                    Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
                    bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

                    1.JPG

                    M Online
                    M Online
                    michihorn
                    wrote on last edited by
                    #499

                    @glasfaser Die anderen scheinen zu klappen:
                    Unbenannt.PNG

                    1 Reply Last reply
                    0
                    • M michihorn

                      Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
                      Unbenannt.PNG

                      Meine eigenen Sensoren habe ich so eingetragen:
                      let idSensor_Temperatur = ('hm-rpc.2.00185BE98B3FCA.1.ACTUAL_TEMPERATURE');
                      let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
                      Wo bin ich falsch abgebogen?
                      Gruß Michael

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      wrote on last edited by
                      #500

                      @michihorn sagte in Material Design Widgets: Wetter View:

                      Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
                      Unbenannt.PNG

                      Ich meinte das .

                      Und was ist hiermit:

                      @glasfaser sagte in Material Design Widgets: Wetter View:
                      Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
                      bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

                      1.JPG

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      M 1 Reply Last reply
                      0
                      • GlasfaserG Glasfaser

                        @michihorn sagte in Material Design Widgets: Wetter View:

                        Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
                        Unbenannt.PNG

                        Ich meinte das .

                        Und was ist hiermit:

                        @glasfaser sagte in Material Design Widgets: Wetter View:
                        Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
                        bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

                        1.JPG

                        M Online
                        M Online
                        michihorn
                        wrote on last edited by
                        #501

                        @glasfaser Ja da stehen die Temperatur und Feuchte drin:


                        [
                        {
                        "rightText": "\n <div style="display: flex; align-items: flex-end; justify-content: flex-end;">\n <div style="color: #44739e; font-size: 30px; font-family: RobotoCondensed-Regular;">13.9</div>\n <div style="color: #44739e; font-size: 16px; font-family: RobotoCondensed-Regular; margin-left: 2px; margin-bottom: 4px;"> °C</div>\n </div>\n <div style="color: gray; height: 13px; font-size: 12px; font-family: RobotoCondensed-Light; margin-top: 2px;">91 %</div>"
                        }
                        ]

                        GlasfaserG 1 Reply Last reply
                        0
                        • M michihorn

                          @glasfaser Ja da stehen die Temperatur und Feuchte drin:


                          [
                          {
                          "rightText": "\n <div style="display: flex; align-items: flex-end; justify-content: flex-end;">\n <div style="color: #44739e; font-size: 30px; font-family: RobotoCondensed-Regular;">13.9</div>\n <div style="color: #44739e; font-size: 16px; font-family: RobotoCondensed-Regular; margin-left: 2px; margin-bottom: 4px;"> °C</div>\n </div>\n <div style="color: gray; height: 13px; font-size: 12px; font-family: RobotoCondensed-Light; margin-top: 2px;">91 %</div>"
                          }
                          ]

                          GlasfaserG Offline
                          GlasfaserG Offline
                          Glasfaser
                          wrote on last edited by Glasfaser
                          #502

                          @michihorn sagte in Material Design Widgets: Wetter View:

                          Ja da stehen die Temperatur und Feuchte drin:

                          Beim Widget ?

                          @glasfaser sagte in Material Design Widgets: Wetter View:
                          Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,

                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                          M 1 Reply Last reply
                          0
                          • GlasfaserG Glasfaser

                            @michihorn sagte in Material Design Widgets: Wetter View:

                            Ja da stehen die Temperatur und Feuchte drin:

                            Beim Widget ?

                            @glasfaser sagte in Material Design Widgets: Wetter View:
                            Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,

                            M Online
                            M Online
                            michihorn
                            wrote on last edited by
                            #503

                            @glasfaser Da stand bei "json_string_oid" nix drin. Hab jetzt die Syntax aus dem Objektbaum dort eingetragen
                            Unbenannt.PNG

                            Dankeschön für Deine Hilfe :+1:
                            Gruß Michael

                            GlasfaserG 1 Reply Last reply
                            0
                            • M michihorn

                              @glasfaser Da stand bei "json_string_oid" nix drin. Hab jetzt die Syntax aus dem Objektbaum dort eingetragen
                              Unbenannt.PNG

                              Dankeschön für Deine Hilfe :+1:
                              Gruß Michael

                              GlasfaserG Offline
                              GlasfaserG Offline
                              Glasfaser
                              wrote on last edited by
                              #504

                              @michihorn sagte in Material Design Widgets: Wetter View:

                              Dankeschön für Deine Hilfe

                              Loll ..... ;)

                              gehe mal 3 Poste über dein Eröffnungstread

                              https://forum.iobroker.net/topic/32232/material-design-widgets-wetter-view/492

                              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                              1 Reply Last reply
                              0
                              • M michihorn

                                @glasfaser Hallöchen, ne das war es leider nicht :-(

                                P Offline
                                P Offline
                                papaechokilo
                                wrote on last edited by papaechokilo
                                #505

                                @michihorn Hallo, bei mir sieht die Zeile so aus:

                                code_text
                                let idSensor_Luftfeuchtigkeit = 'hmip.0.devices.3014F711A0000EDBE98B96D5.channels.1.humidity' // Luftfeuchtigkeit des eigenen Sensor
                                1 Reply Last reply
                                0
                                • K Offline
                                  K Offline
                                  Kaktus
                                  wrote on last edited by
                                  #506

                                  Hi,

                                  ich hatte dasselbe Problem mit den leeren "json_string_oid" aus dem Beispielprojekt.
                                  Mittels eines Quick-Hacks habe ich alle Einträge "jsonStringObject" in "json_string_oid" in der Datei "vis-views.json" geändert.
                                  Nach einem neuen Import sahen die Widgets bzw. die Daten gut aus.

                                  Das Perl-Script:
                                  fix_project.pl
                                  bzw.
                                  das neue Projekt
                                  Material-Design-Widgest_Weather.zip

                                  Vielleicht kann das jemand gebrauchen.

                                  D3ltoroxpD 1 Reply Last reply
                                  3
                                  • ScroungerS Scrounger

                                    Ein Beispiel Projekt für eine responsiv VIS View mit Wetter Daten.

                                    Tablet Phone

                                    Alle Informationen und Anleitung findet ihr im Material Design Widgets repo auf github

                                    Sollte out of the box funktionieren - hoffentlich ;-)

                                    Vielen Dank an

                                    • @sigi234: für die Insperation, als Basis hab ich mich an seinem Wetter Projekt orientiert
                                    • @Mic: für sein Skript um Datenpunkte unter 0_userdata.0 zu ereugen. Das Skript findet ihr hier
                                    F Offline
                                    F Offline
                                    florian84z
                                    wrote on last edited by
                                    #507

                                    @scrounger Tolles Projekt! Läuft die auch im jarvis?

                                    1 Reply Last reply
                                    0
                                    • S Offline
                                      S Offline
                                      StefanRS
                                      wrote on last edited by
                                      #508

                                      Hallo zusammen,

                                      ein absolut tolle Wetter View. Vielen Dank dafür.
                                      Hab soweit alles hinbekommen, außer die Darstellung mit Mond, Sonne, Luftfeutigkeit etc.
                                      DIe Anzeige ist irgendwie mit einem weißem Balken verdeckt . Hab es auch probiert in den einzelnen Views zu ändern, dann hat sich aber alles verschoben.
                                      Siehe BIld. Könnt ihr mir bitte
                                      helfen?
                                      Wetter.PNG

                                      1 Reply Last reply
                                      0
                                      • B Offline
                                        B Offline
                                        Bongo
                                        wrote on last edited by
                                        #509

                                        Danke für die View und Script.

                                        In Niederschlag soll wohl der aktuelle Niederschlag im mm stehen. Aber das habe ich noch nichts gesehen. Von welchen Datenpunkt soll er benutzt werden?
                                        hc_907.png

                                        Gruß
                                        Bongo

                                        Script - Die sprechende Kaffeemaschine – Home Connect
                                        Script - JUDO Wasserenthärtung - Connectivity-Modul API

                                        1 Reply Last reply
                                        0
                                        • GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          wrote on last edited by
                                          #510

                                          @bongo sagte in Material Design Widgets: Wetter View:

                                          Aber das habe ich noch nichts gesehen.

                                          Wird vom Adapter ... geholt

                                          d7167d06-5f68-43c2-a60b-96ce61d6b397-grafik.png

                                          aus den Datenpunkten

                                          weatherunderground.0.forecast...............precipitation ....

                                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                          B 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          373

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe