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

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

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

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

Material Design Widgets: Wetter View

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Posts 78 Posters 170.9k 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.
  • sigi234S sigi234

    @RalfEngelberth

    Ok, was sagt die Console unter F12

    R Offline
    R Offline
    RalfEngelberth
    wrote on last edited by Negalein
    #80

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

    sigi234S ScroungerS 2 Replies Last reply
    0
    • R RalfEngelberth

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

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

      @RalfEngelberth

      Ok, das sollte sich @Scrounger mal ansehen. Ev. meldet er sich.

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

      R 1 Reply Last reply
      0
      • sigi234S sigi234

        @RalfEngelberth

        Ok, das sollte sich @Scrounger mal ansehen. Ev. meldet er sich.

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

        @sigi234 ok

        1 Reply Last reply
        0
        • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          852

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          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