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
    224

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

  • 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.
  • R RalfEngelberth

    @sigi234 Ich hoffe, ich habe hier das Richtige.
    c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png

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

    @RalfEngelberth sagte in Material Design Widgets: Wetter View:

    @sigi234 Ich hoffe, ich habe hier das Richtige.
    ![Bild Text](c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png Bild Link)

    Das ist ein Edge spezifischer Fehler, der bei mir auch kommt. Das muss ich mir in Ruhe anschauen und im MDW fixen

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

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

    R 1 Reply Last reply
    0
    • ScroungerS Scrounger

      @RalfEngelberth sagte in Material Design Widgets: Wetter View:

      @sigi234 Ich hoffe, ich habe hier das Richtige.
      ![Bild Text](c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png Bild Link)

      Das ist ein Edge spezifischer Fehler, der bei mir auch kommt. Das muss ich mir in Ruhe anschauen und im MDW fixen

      R Offline
      R Offline
      RalfEngelberth
      wrote on last edited by
      #84

      @Scrounger sagte in Material Design Widgets: Wetter View:

      @RalfEngelberth sagte in Material Design Widgets: Wetter View:

      @sigi234 Ich hoffe, ich habe hier das Richtige.
      ![Bild Text](c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png Bild Link)

      Das ist ein Edge spezifischer Fehler, der bei mir auch kommt. Das muss ich mir in Ruhe anschauen und im MDW fixen

      Habe gerade den Firefox installiert.
      Damit geht es

      ScroungerS 1 Reply Last reply
      0
      • R RalfEngelberth

        @Scrounger sagte in Material Design Widgets: Wetter View:

        @RalfEngelberth sagte in Material Design Widgets: Wetter View:

        @sigi234 Ich hoffe, ich habe hier das Richtige.
        ![Bild Text](c1f6d83c-180b-4d24-83d7-886db20e68a0-image.png Bild Link)

        Das ist ein Edge spezifischer Fehler, der bei mir auch kommt. Das muss ich mir in Ruhe anschauen und im MDW fixen

        Habe gerade den Firefox installiert.
        Damit geht es

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

        @RalfEngelberth
        Ja auch mit Chrome geht es, nur halt der Edge macht hier probleme.
        Hab den Fehler behoben, fix gibts dann in der nächsten version.

        Falls du nicht warten willst kannst von github installieren -> danach muss iobroker upload vis ausgeführt werden!

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

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

        A 1 Reply Last reply
        1
        • ScroungerS Scrounger

          @RalfEngelberth
          Ja auch mit Chrome geht es, nur halt der Edge macht hier probleme.
          Hab den Fehler behoben, fix gibts dann in der nächsten version.

          Falls du nicht warten willst kannst von github installieren -> danach muss iobroker upload vis ausgeführt werden!

          A Offline
          A Offline
          Aiouh
          wrote on last edited by
          #86

          @Scrounger
          darf man hier auch ein Lob loswerden, nicht nur Probleme ?
          Ich bin als ziemlicher Neuling einfach nach der Anleitung vorgegangen und ALLES hat auf Anhieb funktioniert.
          Vielen Dank für die klasse Arbeit (Kaffee ist unterwegs 😉 )
          Gruss Karl-Heinz

          ScroungerS 1 Reply Last reply
          0
          • S Offline
            S Offline
            Smart86
            wrote on last edited by Smart86
            #87

            Sehr cooles Plugin. Ein kleines Problem habe ich aber noch, vielleicht gibt es ja eine einfache Lösung. Am Handy im Hochformat überlagern sich leider die Zahlen mit den Icons. Hat wer ne Idee?
            Zwischenablage02.jpg

            1 Reply Last reply
            0
            • A Aiouh

              @Scrounger
              darf man hier auch ein Lob loswerden, nicht nur Probleme ?
              Ich bin als ziemlicher Neuling einfach nach der Anleitung vorgegangen und ALLES hat auf Anhieb funktioniert.
              Vielen Dank für die klasse Arbeit (Kaffee ist unterwegs 😉 )
              Gruss Karl-Heinz

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

              @Aiouh sagte in Material Design Widgets: Wetter View:

              @Scrounger
              darf man hier auch ein Lob loswerden, nicht nur Probleme ?
              Ich bin als ziemlicher Neuling einfach nach der Anleitung vorgegangen und ALLES hat auf Anhieb funktioniert.
              Vielen Dank für die klasse Arbeit (Kaffee ist unterwegs 😉 )
              Gruss Karl-Heinz

              Ich weiß zwar nicht ob das die Forumsregeln gestatten 😉 aber ich freue mich immer über ein Lob, genauso wie zu lesen, wenn meine Projekte bei Euch funktionieren!

              @Smart86 sagte in Material Design Widgets: Wetter View:

              Sehr cooles Plugin. Ein kleines Problem habe ich aber noch, vielleicht gibt es ja eine einfache Lösung. Am Handy im Hochformat überlagern sich leider die Zahlen mit den Icons. Hat wer ne Idee?

              Das musst du über das Widget Grid View einstellen. Dort kannst du festlegen ab welcher Auflösung die Regeln für Handy / Tablet und Desktop gelten und für diese dann die Spalten einstellen. Das Widget hat auch einen Auflösungsassitenten, der dir hilft die entsprechenden Auflösung zu erkennen.
              Am besten einfach mal mit rum spielen, dann bekommst den Dreh raus.

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

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

              S 1 Reply Last reply
              0
              • ScroungerS Scrounger

                @Aiouh sagte in Material Design Widgets: Wetter View:

                @Scrounger
                darf man hier auch ein Lob loswerden, nicht nur Probleme ?
                Ich bin als ziemlicher Neuling einfach nach der Anleitung vorgegangen und ALLES hat auf Anhieb funktioniert.
                Vielen Dank für die klasse Arbeit (Kaffee ist unterwegs 😉 )
                Gruss Karl-Heinz

                Ich weiß zwar nicht ob das die Forumsregeln gestatten 😉 aber ich freue mich immer über ein Lob, genauso wie zu lesen, wenn meine Projekte bei Euch funktionieren!

                @Smart86 sagte in Material Design Widgets: Wetter View:

                Sehr cooles Plugin. Ein kleines Problem habe ich aber noch, vielleicht gibt es ja eine einfache Lösung. Am Handy im Hochformat überlagern sich leider die Zahlen mit den Icons. Hat wer ne Idee?

                Das musst du über das Widget Grid View einstellen. Dort kannst du festlegen ab welcher Auflösung die Regeln für Handy / Tablet und Desktop gelten und für diese dann die Spalten einstellen. Das Widget hat auch einen Auflösungsassitenten, der dir hilft die entsprechenden Auflösung zu erkennen.
                Am besten einfach mal mit rum spielen, dann bekommst den Dreh raus.

                S Offline
                S Offline
                Smart86
                wrote on last edited by
                #89

                @Scrounger sagte in Material Design Widgets: Wetter View:

                Das musst du über das Widget Grid View einstellen. Dort kannst du festlegen ab welcher Auflösung die Regeln für Handy / Tablet und Desktop gelten und für diese dann die Spalten einstellen. Das Widget hat auch einen Auflösungsassitenten, der dir hilft die entsprechenden Auflösung zu erkennen.
                Am besten einfach mal mit rum spielen, dann bekommst den Dreh raus.

                Vielen Dank. Habe es in den Einstellungen gefunden bzw. die Spaltenanzahl geändert. Jetzt schaut es gut aus .-)

                1 Reply Last reply
                0
                • H Offline
                  H Offline
                  HoffmannOs
                  wrote on last edited by
                  #90

                  Ich suche mir schon nen Wolf, wie kann ich denn die Cards die derzeit in Weiss sind an mein Design im Script anpassen?

                  sigi234S 1 Reply Last reply
                  0
                  • H HoffmannOs

                    Ich suche mir schon nen Wolf, wie kann ich denn die Cards die derzeit in Weiss sind an mein Design im Script anpassen?

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

                    @HoffmannOs sagte in Material Design Widgets: Wetter View:

                    Ich suche mir schon nen Wolf, wie kann ich denn die Cards die derzeit in Weiss sind an mein Design im Script anpassen?

                    Screenshot (2382)_LI.jpg

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

                    1 Reply Last reply
                    0
                    • H Offline
                      H Offline
                      Hoovercraft
                      wrote on last edited by Hoovercraft
                      #92

                      Hier stand mal eine Fehlerbeschreibung, konnte sie aber selbst fixen.

                      Wunderground scheint die Koordinaten nicht zu mögen. Nachdem ich meine Stadt mit Namen angegeben habe, sind die FM weg.

                      1 Reply Last reply
                      0
                      • dirk1962D Offline
                        dirk1962D Offline
                        dirk1962
                        wrote on last edited by
                        #93

                        Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                        Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

                        NUC8i5 mit Proxmox; Raspberrymatic in VM, iobroker, Motioneye, infuxDB und Grafana in CT.

                        GlasfaserG ScroungerS 2 Replies Last reply
                        0
                        • dirk1962D dirk1962

                          Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                          Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

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

                          @dirk1962 sagte in Material Design Widgets: Wetter View:

                          Jeden einzelnen view in eure kopiert

                          Genau , + die CSS bei Projekt nicht vergessen .

                          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
                          1
                          • dirk1962D dirk1962

                            Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                            Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

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

                            @dirk1962 sagte in Material Design Widgets: Wetter View:

                            Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                            Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

                            Gibt es, mit texteditor die vis-views.json bearbeiten und die views aus dem projekt en block kopieren.
                            Achtung!!! Damit kann man sich auch sein gesamtes Projekt kaputt machen. Man sollte also wissen was man macht!

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

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

                            AxelF1977A 1 Reply Last reply
                            0
                            • ScroungerS Scrounger

                              @dirk1962 sagte in Material Design Widgets: Wetter View:

                              Kann bitte einer erklären, wie ihr die einzelnen Views in eure vis integriert habt.
                              Jeden einzelnen view in eure kopiert oder gibt es eine andere Lösung?

                              Gibt es, mit texteditor die vis-views.json bearbeiten und die views aus dem projekt en block kopieren.
                              Achtung!!! Damit kann man sich auch sein gesamtes Projekt kaputt machen. Man sollte also wissen was man macht!

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

                              Hallo zusammen,

                              erstmal danke für die klasse Arbeit. Funktioniert soweit wie beschrieben, aber einiges klappt noch nicht, siehe Screenshots.

                              Alles installiert und eingefügt wie auf Github beschrieben

                              1b9843ee-98d7-419f-b488-bf010d3913d7-image.png d1fa279e-faba-444f-856c-eec117dee38e-image.png

                              Ich hab da NULL Werte. Die Instanzen sind auch installiert und konfiguriert. Einzig für wheatherunderground hab ich keinen API Schlüssel, aber da ist ja nicht zwingend erforderlich

                              Für das letzte Widget Windy, kann man da die Location einstellen?

                              Danke

                              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

                              GlasfaserG 1 Reply Last reply
                              0
                              • AxelF1977A AxelF1977

                                Hallo zusammen,

                                erstmal danke für die klasse Arbeit. Funktioniert soweit wie beschrieben, aber einiges klappt noch nicht, siehe Screenshots.

                                Alles installiert und eingefügt wie auf Github beschrieben

                                1b9843ee-98d7-419f-b488-bf010d3913d7-image.png d1fa279e-faba-444f-856c-eec117dee38e-image.png

                                Ich hab da NULL Werte. Die Instanzen sind auch installiert und konfiguriert. Einzig für wheatherunderground hab ich keinen API Schlüssel, aber da ist ja nicht zwingend erforderlich

                                Für das letzte Widget Windy, kann man da die Location einstellen?

                                Danke

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

                                @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                Ich hab da NULL Werte.

                                Suche dir eine Station in der Nähe .. und trage Sie einfach ein .

                                Link Text

                                und hier noch , falls du Probleme hast ... Am Ende des Thread´s ist die Lösung

                                Link Text

                                Für das letzte Widget Windy, kann man da die Location einstellen?

                                Einfach im Link auf deine Werte ändern , Lat / Lon

                                .......&detailLat=xxxxxxxxx&detailLon=xxxxxxxx&metricWind=default......
                                

                                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 ..

                                AxelF1977A 1 Reply Last reply
                                2
                                • GlasfaserG Glasfaser

                                  @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                  Ich hab da NULL Werte.

                                  Suche dir eine Station in der Nähe .. und trage Sie einfach ein .

                                  Link Text

                                  und hier noch , falls du Probleme hast ... Am Ende des Thread´s ist die Lösung

                                  Link Text

                                  Für das letzte Widget Windy, kann man da die Location einstellen?

                                  Einfach im Link auf deine Werte ändern , Lat / Lon

                                  .......&detailLat=xxxxxxxxx&detailLon=xxxxxxxx&metricWind=default......
                                  
                                  AxelF1977A Offline
                                  AxelF1977A Offline
                                  AxelF1977
                                  wrote on last edited by
                                  #98

                                  @Glasfaser sagte in Material Design Widgets: Wetter View:

                                  @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                  Ich hab da NULL Werte.

                                  Suche dir eine Station in der Nähe .. und trage Sie einfach ein .

                                  Link Text

                                  und hier noch , falls du Probleme hast ... Am Ende des Thread´s ist die Lösung

                                  Link Text

                                  Für das letzte Widget Windy, kann man da die Location einstellen?

                                  Einfach im Link auf deine Werte ändern , Lat / Lon

                                  .......&detailLat=xxxxxxxxx&detailLon=xxxxxxxx&metricWind=default......
                                  

                                  Großartig. Mal wieder Danke für die schnelle und kompetente Hilfe

                                  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

                                  1 Reply Last reply
                                  1
                                  • von.cartmanV Offline
                                    von.cartmanV Offline
                                    von.cartman
                                    wrote on last edited by
                                    #99

                                    Hallo Zusammen.
                                    Bin neu hier, sogar sehr 🙂

                                    Seit 3 Tagen versuche Ich diesen Widget ins Laufen zu bringen. Allerdings klappt es nicht.
                                    Alle Voraussetzungen (nach https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather) sind verfault.
                                    Allerdings nicht alle Datenpunkte wurden erstellt nach zwei fähigen Script ausführung.

                                    Anbei 2 Bilder... VIS-Ergebnis und Struktur von Datenpunken.

                                    Für eure Hilfe bedanke ich mich jetzt schon.

                                    8de5c624-4591-43de-913d-91445d3c67ae-grafik.png
                                    1e831b24-4533-476b-bb50-a283996c2343-grafik.png

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

                                      Hallo Zusammen.
                                      Bin neu hier, sogar sehr 🙂

                                      Seit 3 Tagen versuche Ich diesen Widget ins Laufen zu bringen. Allerdings klappt es nicht.
                                      Alle Voraussetzungen (nach https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/examples/Weather) sind verfault.
                                      Allerdings nicht alle Datenpunkte wurden erstellt nach zwei fähigen Script ausführung.

                                      Anbei 2 Bilder... VIS-Ergebnis und Struktur von Datenpunken.

                                      Für eure Hilfe bedanke ich mich jetzt schon.

                                      8de5c624-4591-43de-913d-91445d3c67ae-grafik.png
                                      1e831b24-4533-476b-bb50-a283996c2343-grafik.png

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

                                      @von-cartman Hi, das stand im Laufe des Themas was zu tun ist. Hatte es auch erst überlesen. Das Script muss: gestartet -> gestoppt -> gestartet werden. Sieht aus als wenn Du das Script nur einmal gestartet hast

                                      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

                                      von.cartmanV 1 Reply Last reply
                                      0
                                      • AxelF1977A AxelF1977

                                        @von-cartman Hi, das stand im Laufe des Themas was zu tun ist. Hatte es auch erst überlesen. Das Script muss: gestartet -> gestoppt -> gestartet werden. Sieht aus als wenn Du das Script nur einmal gestartet hast

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

                                        @AxelF1977 hi, wie lange lauft der Script.... ich habe es nach ca 2sek gestoppt und neu gestartet.

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

                                          @AxelF1977 hi, wie lange lauft der Script.... ich habe es nach ca 2sek gestoppt und neu gestartet.

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

                                          @von-cartman das hat bei mir gereicht.

                                          Ansonsten alles wie bei github beschrieben installiert? NPM Module und Einstellung im Javascript Adapter angelegt?

                                          EDIT gerade gesehen das Du geschrieben hast das Du das gemacht hast

                                          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

                                          von.cartmanV 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

                                          52

                                          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