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

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

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

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

Material Design Widgets: Wetter View

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Beiträge 78 Kommentatoren 170.2k 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.
  • C Offline
    C Offline
    cmorlok
    schrieb am zuletzt editiert von
    #16

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

    1 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • jackblacksonJ Offline
              jackblacksonJ Offline
              jackblackson
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              0
              • 0 Offline
                0 Offline
                0018
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von Oli
                  #23

                  Beitrag wurde entfernt, da falscher Thread

                  Gruß
                  Oliver

                  ScroungerS 1 Antwort Letzte Antwort
                  0
                  • O Oli

                    Beitrag wurde entfernt, da falscher Thread

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #25

                      @Scrounger
                      zum löschen habe ich leider keine Berechtigung

                      Gruß
                      Oliver

                      NashraN 1 Antwort Letzte Antwort
                      0
                      • O Oli

                        @Scrounger
                        zum löschen habe ich leider keine Berechtigung

                        NashraN Offline
                        NashraN Offline
                        Nashra
                        Most Active Forum Testing
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #27

                          @Nashra
                          danke für den Tipp

                          Gruß
                          Oliver

                          1 Antwort Letzte Antwort
                          0
                          • L Offline
                            L Offline
                            lesiflo
                            Most Active
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #30

                                @sigi234 DANKE !

                                1 Antwort Letzte Antwort
                                0
                                • jackblacksonJ Offline
                                  jackblacksonJ Offline
                                  jackblackson
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antworten Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #33

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

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

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

                                        GlasfaserG 1 Antwort Letzte Antwort
                                        0
                                        • jackblacksonJ jackblackson

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

                                          GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          schrieb am zuletzt editiert von Glasfaser
                                          #35

                                          @jackblackson
                                          So ... jetzt kann ich nachschauen ..

                                          Das einzige was mir auffällt , das ich keine Wolken/Sonne drin habe ... bei dir aber !?
                                          hast du es verändert

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

                                          jackblacksonJ 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

                                          332

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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