Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

Material Design Widgets: Wetter View

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Beiträge 78 Kommentatoren 169.5k Aufrufe 84 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • V Offline
        V Offline
        vsa
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von von.cartman
                    #117

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

                    ScroungerS 1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #119

                        @Scrounger Danke

                        1 Antwort Letzte Antwort
                        0
                        • NegaleinN Offline
                          NegaleinN Offline
                          Negalein
                          Global Moderator
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antworten Letzte Antwort
                            0
                            • ScroungerS Scrounger

                              @Negalein
                              Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

                              NegaleinN Offline
                              NegaleinN Offline
                              Negalein
                              Global Moderator
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • ScroungerS Scrounger

                                @Negalein
                                Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

                                NegaleinN Offline
                                NegaleinN Offline
                                Negalein
                                Global Moderator
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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.:smirk:

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

                                  1 Antwort Letzte Antwort
                                  1
                                  • NegaleinN Offline
                                    NegaleinN Offline
                                    Negalein
                                    Global Moderator
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          496

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe