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

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

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

Material Design Widgets: Wetter View

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

    @jackblackson

    Nö ... die Funktioniert !!!

    jackblacksonJ Offline
    jackblacksonJ Offline
    jackblackson
    wrote on last edited by
    #15

    @Glasfaser sagte in Material Design Widgets: Wetter View:

    @jackblackson

    Nö ... die Funktioniert !!!

    Ah, sorry, hab es mit DarkSky verwechselt

    1 Reply Last reply
    0
    • C Offline
      C Offline
      cmorlok
      wrote on last edited by
      #16

      @Scrounger Die Anführungszeichen hier sollten weg, oder? https://github.com/Scrounger/ioBroker.vis-materialdesign/blob/master/examples/Weather/DasWetter.js#L93

      1 Reply Last reply
      1
      • jackblacksonJ jackblackson

        Sehr coole Idee. Wäre es möglich, das man in den Einstellungen Pollenflug deaktivieren kann im Script, weil es nicht für einen Relevant ist? Finde es nicht so sinnvoll, wenn ich extra den Adapter dafür installieren muss..

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

        @jackblackson sagte in Material Design Widgets: Wetter View:

        Sehr coole Idee. Wäre es möglich, das man in den Einstellungen Pollenflug deaktivieren kann im Script, weil es nicht für einen Relevant ist?

        Ja bau ich ein.

        @cmorlok sagte in Material Design Widgets: Wetter View:

        @Scrounger Die Anführungszeichen hier sollten weg, oder? https://github.com/Scrounger/ioBroker.vis-materialdesign/blob/master/examples/Weather/DasWetter.js#L93

        Stimmt, danke!

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

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

        1 Reply Last reply
        1
        • jackblacksonJ jackblackson

          Sehr coole Idee. Wäre es möglich, das man in den Einstellungen Pollenflug deaktivieren kann im Script, weil es nicht für einen Relevant ist? Finde es nicht so sinnvoll, wenn ich extra den Adapter dafür installieren muss..

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

          @jackblackson sagte in Material Design Widgets: Wetter View:

          Wäre es möglich, das man in den Einstellungen Pollenflug deaktivieren kann im Script, weil es nicht für einen Relevant ist?

          Hab es eingebaut.
          Müsst Euch die aktuellen Daten ziehen Skript und VIS Projekt! siehe 1. Post

          Wenn Pollenflug Adapter nicht verwendet wird -> im Grid Widget von der View Wetter & Wetter_Dialog_View_Day_2 sollte die Anzahl der Spalten für das Chart Verlauf angepasst werden, damit es wieder stimmig aussieht.

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

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

          1 Reply Last reply
          1
          • ScroungerS Scrounger

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

            Tablet Phone

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

            Sollte out of the box funktionieren - hoffentlich ;-)

            Vielen Dank an

            • @sigi234: für die Insperation, als Basis hab ich mich an seinem Wetter Projekt orientiert
            • @Mic: für sein Skript um Datenpunkte unter 0_userdata.0 zu ereugen. Das Skript findet ihr hier
            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            wrote on last edited by
            #19

            @Scrounger

            Hallo, es funktioniert aber im Editor habe ich Fehler, in der Runtime nicht?

            Screenshot (2305).png

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

            ScroungerS 1 Reply Last reply
            0
            • sigi234S sigi234

              @Scrounger

              Hallo, es funktioniert aber im Editor habe ich Fehler, in der Runtime nicht?

              Screenshot (2305).png

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

              @sigi234
              Ja das kannst du ignorieren.
              Hintergrund ist, das ich das List Widget verwende, das aktuell noch mit Binding arbeitet und nicht mit objekt id für den json string. Dann meldet er im Editor halt den Fehler.
              Klassisches Eigentor von mir, dachte ich mach mit der Anzeige der Fehlermeldung was gutes, hatte damals aber bindings nicht aufm Schirm ;-)
              Aber List Widget muss ich eh nochmal komplett überarbeiten.

              1d6ca1bf-221b-4f9d-94c2-09504e72bffc-grafik.png

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

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

              O 1 Reply Last reply
              0
              • jackblacksonJ Offline
                jackblacksonJ Offline
                jackblackson
                wrote on last edited by jackblackson
                #21

                Habt ihr noch eine Idee, wieso bei mir Verlauf und die "kommende Tage" leer sein könnten? Wetterdaten wurden nun geladen..
                7df5ed7f-8447-440f-8b15-2c835130018e-grafik.png

                Edit: Es war die Version des Material-Design-Widgets, die nicht gepasst hat :)

                1 Reply Last reply
                0
                • 0 Offline
                  0 Offline
                  0018
                  wrote on last edited by
                  #22

                  Klasse Projekt. Gefällt mir sehr gut!

                  Wie bekomme ich den jetzt das Projekt am schnellsten in meine VIS integriert? Muss ich alle Seiten einzeln kopieren und einfügen oder geht das einfacher?

                  Mfg
                  0018

                  1 Reply Last reply
                  0
                  • ScroungerS Scrounger

                    @sigi234
                    Ja das kannst du ignorieren.
                    Hintergrund ist, das ich das List Widget verwende, das aktuell noch mit Binding arbeitet und nicht mit objekt id für den json string. Dann meldet er im Editor halt den Fehler.
                    Klassisches Eigentor von mir, dachte ich mach mit der Anzeige der Fehlermeldung was gutes, hatte damals aber bindings nicht aufm Schirm ;-)
                    Aber List Widget muss ich eh nochmal komplett überarbeiten.

                    1d6ca1bf-221b-4f9d-94c2-09504e72bffc-grafik.png

                    O Online
                    O Online
                    Oli
                    wrote on last edited by Oli
                    #23

                    Beitrag wurde entfernt, da falscher Thread

                    Gruß
                    Oliver

                    ScroungerS 1 Reply Last reply
                    0
                    • O Oli

                      Beitrag wurde entfernt, da falscher Thread

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

                      @Oli
                      Achso ich dachte das wäre das Wetter Skript, ok dann gehört es hier nicht, sorry heut ist irgendwie der Wurm dirn :confused: Kannst du den Beitrag bitte hier wieder löschen?

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

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

                      O 1 Reply Last reply
                      0
                      • ScroungerS Scrounger

                        @Oli
                        Achso ich dachte das wäre das Wetter Skript, ok dann gehört es hier nicht, sorry heut ist irgendwie der Wurm dirn :confused: Kannst du den Beitrag bitte hier wieder löschen?

                        O Online
                        O Online
                        Oli
                        wrote on last edited by
                        #25

                        @Scrounger
                        zum löschen habe ich leider keine Berechtigung

                        Gruß
                        Oliver

                        NashraN 1 Reply Last reply
                        0
                        • O Oli

                          @Scrounger
                          zum löschen habe ich leider keine Berechtigung

                          NashraN Offline
                          NashraN Offline
                          Nashra
                          Most Active Forum Testing
                          wrote on last edited by
                          #26

                          @Oli sagte in Material Design Widgets: Wetter View:

                          @Scrounger
                          zum löschen habe ich leider keine Berechtigung

                          Du kannst den Beitrag aber editieren und den Text darin komplett löschen :wink:

                          Gruß Ralf
                          Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          O 1 Reply Last reply
                          0
                          • NashraN Nashra

                            @Oli sagte in Material Design Widgets: Wetter View:

                            @Scrounger
                            zum löschen habe ich leider keine Berechtigung

                            Du kannst den Beitrag aber editieren und den Text darin komplett löschen :wink:

                            O Online
                            O Online
                            Oli
                            wrote on last edited by
                            #27

                            @Nashra
                            danke für den Tipp

                            Gruß
                            Oliver

                            1 Reply Last reply
                            0
                            • L Offline
                              L Offline
                              lesiflo
                              Most Active
                              wrote on last edited by
                              #28

                              Moin,
                              was ist das für eine Schriftart? Bei mir sieht die anders aus.
                              Wie kann ich die verändern?

                              Wetter.JPG

                              sigi234S 1 Reply Last reply
                              0
                              • L lesiflo

                                Moin,
                                was ist das für eine Schriftart? Bei mir sieht die anders aus.
                                Wie kann ich die verändern?

                                Wetter.JPG

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

                                @lesiflo sagte in Material Design Widgets: Wetter View:

                                was ist das für eine Schriftart? Bei mir sieht die anders aus.

                                VIS-GOOGLE-FONTS

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

                                L 1 Reply Last reply
                                0
                                • sigi234S sigi234

                                  @lesiflo sagte in Material Design Widgets: Wetter View:

                                  was ist das für eine Schriftart? Bei mir sieht die anders aus.

                                  VIS-GOOGLE-FONTS

                                  L Offline
                                  L Offline
                                  lesiflo
                                  Most Active
                                  wrote on last edited by
                                  #30

                                  @sigi234 DANKE !

                                  1 Reply Last reply
                                  0
                                  • jackblacksonJ Offline
                                    jackblacksonJ Offline
                                    jackblackson
                                    wrote on last edited by
                                    #31

                                    Ich nutze das Widget nun seit ein paar Tagen, und finde es wirklich sehr schön - hab mir die Tagesvorschau rausgezogen. Nun ist mir aber etwas aufgefallen. Am Morgen ist die Tagestemperaturkurve immer sehr "schön" - man sieht die Veränderungen ganz klar:
                                    IMG_3067.jpeg
                                    Je später der Tag, desto flacher wird sie, und ist dann Abends eigentlich keine Kurve mehr:
                                    IMG_3066.jpeg
                                    Sollte dies so sein? Versteh ich hier was falsch?

                                    GlasfaserG 1 Reply Last reply
                                    0
                                    • jackblacksonJ jackblackson

                                      Ich nutze das Widget nun seit ein paar Tagen, und finde es wirklich sehr schön - hab mir die Tagesvorschau rausgezogen. Nun ist mir aber etwas aufgefallen. Am Morgen ist die Tagestemperaturkurve immer sehr "schön" - man sieht die Veränderungen ganz klar:
                                      IMG_3067.jpeg
                                      Je später der Tag, desto flacher wird sie, und ist dann Abends eigentlich keine Kurve mehr:
                                      IMG_3066.jpeg
                                      Sollte dies so sein? Versteh ich hier was falsch?

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

                                      @jackblackson

                                      Bin jetzt nicht am Rechner ......
                                      Er hat in seine Projekt View in CSS etwas hinterlegt , nicht das es daran liegt ,
                                      da du es ja seperat hat.

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

                                      jackblacksonJ 2 Replies Last reply
                                      0
                                      • GlasfaserG Glasfaser

                                        @jackblackson

                                        Bin jetzt nicht am Rechner ......
                                        Er hat in seine Projekt View in CSS etwas hinterlegt , nicht das es daran liegt ,
                                        da du es ja seperat hat.

                                        jackblacksonJ Offline
                                        jackblacksonJ Offline
                                        jackblackson
                                        wrote on last edited by
                                        #33

                                        @Glasfaser Guter Punkt, ich werd es heute Abend mal testen, ob es einen Unterschied macht.

                                        1 Reply Last reply
                                        0
                                        • GlasfaserG Glasfaser

                                          @jackblackson

                                          Bin jetzt nicht am Rechner ......
                                          Er hat in seine Projekt View in CSS etwas hinterlegt , nicht das es daran liegt ,
                                          da du es ja seperat hat.

                                          jackblacksonJ Offline
                                          jackblacksonJ Offline
                                          jackblackson
                                          wrote on last edited by
                                          #34

                                          @Glasfaser Es ist leider auch im Original-Projekt so, wo das CSS drinnen ist..ganz komisch.

                                          GlasfaserG 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

                                          964

                                          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