Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Material Design Widgets: Wetter View

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    199

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

Material Design Widgets: Wetter View

Material Design Widgets: Wetter View

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Posts 78 Posters 169.1k Views 84 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.
  • V vsa

    Hallo @Scrounger ,

    sehr cooles Projekt. Da steckt sehr viel Arbeit drin....
    Ich würde das gern bei mir ausprobieren, scheitere aber schon beim importieren des Projekts. Das Zip File hat bei mir eine Dateigröße von 71.124 Bytes (von https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather).

    • Ich habe alle Aktualisierungen von iobroker durchlaufen lassen.
    • js Script mit den Modulen bestückt, Adapter neu gestartet.
    • Im VIS auf Setup->Projekt-Export-Import->Import die entsprechende ZIP Datei(Material-Design-Widgest_Weather.zip)) per drag&drop und auf import und Name vergeben

    -> Beim Import kommt die Fehlermeldung: Unbenannt.JPG

    Ist irgendetwas mit der Datei auf dem Server? Öffen lässt sie sich auch mit winzip nicht...

    VG vsa

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    wrote on last edited by
    #109

    @vsa sagte in Material Design Widgets: Wetter View:

    Das Zip File hat bei mir eine Dateigröße von 71.124 Bytes

    lade es nochmal runter. Da dürfte beim Download was nicht geklappt haben.
    Anmerkung 2020-05-09 190044.png

    ° Node.js: 20.17.0 NPM: 10.8.2
    ° Proxmox, Ubuntu 22.04.3 LTS
    ° Fixer ---> iob fix

    V 1 Reply Last reply
    1
    • NegaleinN Negalein

      @vsa sagte in Material Design Widgets: Wetter View:

      Das Zip File hat bei mir eine Dateigröße von 71.124 Bytes

      lade es nochmal runter. Da dürfte beim Download was nicht geklappt haben.
      Anmerkung 2020-05-09 190044.png

      V Offline
      V Offline
      vsa
      wrote on last edited by
      #110

      Danke @Negalein.
      das hat zunächst schon geholfen. Es liegt an meinem Firefox, komisch. Aber mit Opera gings problemlos.
      Jetzt konnte ich erfolgreich importieren. Warum nicht alles angezeigt wird muss ich noch schauen 😉
      VG vsa

      1 Reply Last reply
      0
      • V Offline
        V Offline
        vsa
        wrote on last edited by
        #111

        Wow, das sieht echt toll aus! Nochmals ein Lob @Scrounger .

        So, ich habe es fast hinbekommen. Die Problematik mit Wheatherunderground konnte ich lösne, indem ich die Koordinaten mit nur 2 Nachkommestellen eingetragen habe. Die eigenen Wettersensoren habe ich auch eingebunden (Temp und Luftfeuchtigkeit). Was bei mir noch leer ist ist Wingegeschwindigkeit, Luftdruck, Sonneneinstrahlung und UV Index.
        Wo müsste ich denn das eintragen, damit die Felder nicht leer bleiben?

        VG vsa
        Unbenannt.JPG

        sigi234S 1 Reply Last reply
        0
        • V vsa

          Wow, das sieht echt toll aus! Nochmals ein Lob @Scrounger .

          So, ich habe es fast hinbekommen. Die Problematik mit Wheatherunderground konnte ich lösne, indem ich die Koordinaten mit nur 2 Nachkommestellen eingetragen habe. Die eigenen Wettersensoren habe ich auch eingebunden (Temp und Luftfeuchtigkeit). Was bei mir noch leer ist ist Wingegeschwindigkeit, Luftdruck, Sonneneinstrahlung und UV Index.
          Wo müsste ich denn das eintragen, damit die Felder nicht leer bleiben?

          VG vsa
          Unbenannt.JPG

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          wrote on last edited by sigi234
          #112

          @vsa sagte in Material Design Widgets: Wetter View:

          Wingegeschwindigkeit, Luftdruck, Sonneneinstrahlung und UV Index.

          Sind die Werte auch in den WU Objekten da?

          Screenshot (2429)_LI.jpg

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          V 1 Reply Last reply
          0
          • sigi234S sigi234

            @vsa sagte in Material Design Widgets: Wetter View:

            Wingegeschwindigkeit, Luftdruck, Sonneneinstrahlung und UV Index.

            Sind die Werte auch in den WU Objekten da?

            Screenshot (2429)_LI.jpg

            V Offline
            V Offline
            vsa
            wrote on last edited by
            #113

            Hallo @sigi234,

            danke für die schnelle Antwort.

            Hm... tatsächlich habe ich nur "wind" dort stehen mit dem wert "NULL". UV und solarR ist bei mir gar nicht vorhanden?!

            vg

            sigi234S 1 Reply Last reply
            0
            • V vsa

              Hallo @sigi234,

              danke für die schnelle Antwort.

              Hm... tatsächlich habe ich nur "wind" dort stehen mit dem wert "NULL". UV und solarR ist bei mir gar nicht vorhanden?!

              vg

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              wrote on last edited by sigi234
              #114

              @vsa sagte in Material Design Widgets: Wetter View:

              Hallo @sigi234,

              danke für die schnelle Antwort.

              Hm... tatsächlich habe ich nur "wind" dort stehen mit dem wert "NULL". UV und solarR ist bei mir gar nicht vorhanden?!

              vg

              Screenshot (2431)_LI.jpg

              Nach einen Neustart des Adapters auf Cron nicht vergessen.

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              V 1 Reply Last reply
              1
              • sigi234S sigi234

                @vsa sagte in Material Design Widgets: Wetter View:

                Hallo @sigi234,

                danke für die schnelle Antwort.

                Hm... tatsächlich habe ich nur "wind" dort stehen mit dem wert "NULL". UV und solarR ist bei mir gar nicht vorhanden?!

                vg

                Screenshot (2431)_LI.jpg

                Nach einen Neustart des Adapters auf Cron nicht vergessen.

                V Offline
                V Offline
                vsa
                wrote on last edited by
                #115

                Super danke @sigi234, Schritt-für-Schritt-weiter... Wind wird angezeigt. Die lÖsung lag daran dass ich die Messstation nicht eingetragen hatte.
                UV und Solar sind jedoch noch leer...

                VG

                sigi234S 1 Reply Last reply
                0
                • V vsa

                  Super danke @sigi234, Schritt-für-Schritt-weiter... Wind wird angezeigt. Die lÖsung lag daran dass ich die Messstation nicht eingetragen hatte.
                  UV und Solar sind jedoch noch leer...

                  VG

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  wrote on last edited by
                  #116

                  @vsa sagte in Material Design Widgets: Wetter View:

                  Super danke @sigi234, Schritt-für-Schritt-weiter... Wind wird angezeigt. Die lÖsung lag daran dass ich die Messstation nicht eingetragen hatte.
                  UV und Solar sind jedoch noch leer...

                  VG

                  Ok, dann den Cron einen Minute nach der ist Zeit stellen, abwarten bis Daten kommen , Objekte aktualisieren.
                  Sollten da auch nicht Daten kommen, dann eine andere Messstation nehmen die diese liefert!

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  von.cartmanV 1 Reply Last reply
                  1
                  • sigi234S sigi234

                    @vsa sagte in Material Design Widgets: Wetter View:

                    Super danke @sigi234, Schritt-für-Schritt-weiter... Wind wird angezeigt. Die lÖsung lag daran dass ich die Messstation nicht eingetragen hatte.
                    UV und Solar sind jedoch noch leer...

                    VG

                    Ok, dann den Cron einen Minute nach der ist Zeit stellen, abwarten bis Daten kommen , Objekte aktualisieren.
                    Sollten da auch nicht Daten kommen, dann eine andere Messstation nehmen die diese liefert!

                    von.cartmanV Offline
                    von.cartmanV Offline
                    von.cartman
                    wrote on last edited by von.cartman
                    #117

                    @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

                    ScroungerS 1 Reply Last reply
                    0
                    • von.cartmanV von.cartman

                      @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      wrote on last edited by
                      #118

                      @von-cartman sagte in Material Design Widgets: Wetter View:

                      @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

                      https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/widgets/materialdesign/css

                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                      von.cartmanV 1 Reply Last reply
                      1
                      • ScroungerS Scrounger

                        @von-cartman sagte in Material Design Widgets: Wetter View:

                        @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

                        https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/widgets/materialdesign/css

                        von.cartmanV Offline
                        von.cartmanV Offline
                        von.cartman
                        wrote on last edited by
                        #119

                        @Scrounger Danke

                        1 Reply Last reply
                        0
                        • NegaleinN Offline
                          NegaleinN Offline
                          Negalein
                          Global Moderator
                          wrote on last edited by Negalein
                          #120

                          @Scrounger

                          Obwohl ich im DasWetter-Adapter für die Mondicons einen eigenen Pfad angegeben habe, werden mir im
                          Widget nur die Standardicons angezeigt.

                          Muss da im Widget noch speziell eingestellt werden?

                          vis (31).png
                          instances - ioBroker (19).png

                          ° Node.js: 20.17.0 NPM: 10.8.2
                          ° Proxmox, Ubuntu 22.04.3 LTS
                          ° Fixer ---> iob fix

                          ScroungerS 1 Reply Last reply
                          0
                          • NegaleinN Negalein

                            @Scrounger

                            Obwohl ich im DasWetter-Adapter für die Mondicons einen eigenen Pfad angegeben habe, werden mir im
                            Widget nur die Standardicons angezeigt.

                            Muss da im Widget noch speziell eingestellt werden?

                            vis (31).png
                            instances - ioBroker (19).png

                            ScroungerS Offline
                            ScroungerS Offline
                            Scrounger
                            Developer
                            wrote on last edited by
                            #121

                            @Negalein
                            Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? 😉

                            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                            NegaleinN 2 Replies Last reply
                            0
                            • ScroungerS Scrounger

                              @Negalein
                              Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? 😉

                              NegaleinN Offline
                              NegaleinN Offline
                              Negalein
                              Global Moderator
                              wrote on last edited by
                              #122

                              @Scrounger sagte in Material Design Widgets: Wetter View:

                              brav per vis Editor hochgeladen?

                              brav per Vis hochgeladen.
                              Ich bin ja ein anständiger Junge 😉

                              ° Node.js: 20.17.0 NPM: 10.8.2
                              ° Proxmox, Ubuntu 22.04.3 LTS
                              ° Fixer ---> iob fix

                              1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @Negalein
                                Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? 😉

                                NegaleinN Offline
                                NegaleinN Offline
                                Negalein
                                Global Moderator
                                wrote on last edited by
                                #123

                                @Scrounger sagte in Material Design Widgets: Wetter View:

                                @Negalein
                                Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? 😉

                                Kommando retour
                                Jetzt nach ca. 15 Minuten sind die neuen Icons da.

                                ° Node.js: 20.17.0 NPM: 10.8.2
                                ° Proxmox, Ubuntu 22.04.3 LTS
                                ° Fixer ---> iob fix

                                sigi234S 1 Reply Last reply
                                0
                                • NegaleinN Negalein

                                  @Scrounger sagte in Material Design Widgets: Wetter View:

                                  @Negalein
                                  Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? 😉

                                  Kommando retour
                                  Jetzt nach ca. 15 Minuten sind die neuen Icons da.

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  wrote on last edited by
                                  #124

                                  @Negalein sagte in Material Design Widgets: Wetter View:

                                  Kommando retour
                                  Jetzt nach ca. 15 Minuten sind die neuen Icons da.

                                  Ja, es dauert eine Zeit bis der DasWetter Adapter das checkt.😏

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                  Immer Daten sichern!

                                  1 Reply Last reply
                                  1
                                  • NegaleinN Offline
                                    NegaleinN Offline
                                    Negalein
                                    Global Moderator
                                    wrote on last edited by
                                    #125

                                    @Scrounger

                                    Ich hab immer wieder mal diese beiden Fehler in der Popup-Ansicht Tag 2-5

                                    Fehler 1: der zusätzliche Balken mittig vom Popup
                                    Fehler 2: das "Fehler im JSON"

                                    Was könnte das verursachen?

                                    vis.png

                                    ° Node.js: 20.17.0 NPM: 10.8.2
                                    ° Proxmox, Ubuntu 22.04.3 LTS
                                    ° Fixer ---> iob fix

                                    GlasfaserG 1 Reply Last reply
                                    0
                                    • NegaleinN Negalein

                                      @Scrounger

                                      Ich hab immer wieder mal diese beiden Fehler in der Popup-Ansicht Tag 2-5

                                      Fehler 1: der zusätzliche Balken mittig vom Popup
                                      Fehler 2: das "Fehler im JSON"

                                      Was könnte das verursachen?

                                      vis.png

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

                                      @Negalein

                                      Habe mehr anzubieten ..
                                      . liegt also nicht am schlecht Wetter in Österreich... auch im Ruhrpott so Bilder 🙂
                                      .
                                      1.JPG
                                      .
                                      3.JPG
                                      .
                                      55.JPG
                                      .
                                      4.JPG
                                      .
                                      6.JPG
                                      .
                                      7.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 ..

                                      1 Reply Last reply
                                      0
                                      • AxelF1977A AxelF1977

                                        Ich habe das jetzt in meine vis integriert. Läuft, danke nochmal für die Hilfe.

                                        Ich habe das ganze Script 2x eingebunden. Einmal um die "normale" Wetter Seite mit allen Widgets anzuzeigen, und einmal habe ich es geändert, um es in meine "Startseite" integrieren zu können.

                                        e344e8f1-4484-438a-aa91-d5e27077668f-image.png

                                        Mir würde es sehr gefallen, wenn die Temperaturen (max/min) je nach Temperatur eine andere Farbe hätten. z.B. kleiner 5°C blau (kalt) größer 5°C kleiner 20°C grün (angenehm) und über 20°C rot (warm). Die Zahlen nur als Beispiele.

                                        Wie würde das Scriptseitig gehen?

                                        Ferner hab ich noch ein Problem, wenn ich den Dialog öffne, sieht das so aus, es scheinen sich 2 zu öffnen. Hatte das schon jemand?

                                        0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                                        AxelF1977A Offline
                                        AxelF1977A Offline
                                        AxelF1977
                                        wrote on last edited by
                                        #127

                                        @Negalein und @Glasfaser bei mir auch, hatte ich neulich schon mal angemerkt. Das liegt, meine ich, wie das VIEW aufgebaut ist, mit den 4 dialog widges. Da scheint was nicht zu stimmen.

                                        ich habe meins umgebaut, und habe das Problem nicht mehr

                                        @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                        Ich habe das jetzt in meine vis integriert. Läuft, danke nochmal für die Hilfe.

                                        Ich habe das ganze Script 2x eingebunden. Einmal um die "normale" Wetter Seite mit allen Widgets anzuzeigen, und einmal habe ich es geändert, um es in meine "Startseite" integrieren zu können.

                                        e344e8f1-4484-438a-aa91-d5e27077668f-image.png

                                        Mir würde es sehr gefallen, wenn die Temperaturen (max/min) je nach Temperatur eine andere Farbe hätten. z.B. kleiner 5°C blau (kalt) größer 5°C kleiner 20°C grün (angenehm) und über 20°C rot (warm). Die Zahlen nur als Beispiele.

                                        Wie würde das Scriptseitig gehen?

                                        Ferner hab ich noch ein Problem, wenn ich den Dialog öffne, sieht das so aus, es scheinen sich 2 zu öffnen. Hatte das schon jemand?

                                        0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                                        ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                                        NegaleinN 1 Reply Last reply
                                        0
                                        • AxelF1977A AxelF1977

                                          @Negalein und @Glasfaser bei mir auch, hatte ich neulich schon mal angemerkt. Das liegt, meine ich, wie das VIEW aufgebaut ist, mit den 4 dialog widges. Da scheint was nicht zu stimmen.

                                          ich habe meins umgebaut, und habe das Problem nicht mehr

                                          @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                          Ich habe das jetzt in meine vis integriert. Läuft, danke nochmal für die Hilfe.

                                          Ich habe das ganze Script 2x eingebunden. Einmal um die "normale" Wetter Seite mit allen Widgets anzuzeigen, und einmal habe ich es geändert, um es in meine "Startseite" integrieren zu können.

                                          e344e8f1-4484-438a-aa91-d5e27077668f-image.png

                                          Mir würde es sehr gefallen, wenn die Temperaturen (max/min) je nach Temperatur eine andere Farbe hätten. z.B. kleiner 5°C blau (kalt) größer 5°C kleiner 20°C grün (angenehm) und über 20°C rot (warm). Die Zahlen nur als Beispiele.

                                          Wie würde das Scriptseitig gehen?

                                          Ferner hab ich noch ein Problem, wenn ich den Dialog öffne, sieht das so aus, es scheinen sich 2 zu öffnen. Hatte das schon jemand?

                                          0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                                          NegaleinN Offline
                                          NegaleinN Offline
                                          Negalein
                                          Global Moderator
                                          wrote on last edited by
                                          #128

                                          @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                          ich habe meins umgebaut, und habe das Problem nicht mehr

                                          wie und was hast du umgebaut?

                                          ° Node.js: 20.17.0 NPM: 10.8.2
                                          ° Proxmox, Ubuntu 22.04.3 LTS
                                          ° Fixer ---> iob fix

                                          AxelF1977A 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

                                          151

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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