Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

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

Community Forum

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

NEWS

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

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

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

Material Design Widgets: Wetter View

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
665 Beiträge 78 Kommentatoren 169.9k 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.
  • 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
                                    • GlasfaserG Glasfaser

                                      @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

                                      jackblacksonJ Offline
                                      jackblacksonJ Offline
                                      jackblackson
                                      schrieb am zuletzt editiert von
                                      #36

                                      @Glasfaser Die Wettersymbole hab ich selber reinkopiert, das sind extra Objekte...bei dir sieht es gut aus...

                                      GlasfaserG 1 Antwort Letzte Antwort
                                      0
                                      • jackblacksonJ jackblackson

                                        @Glasfaser Die Wettersymbole hab ich selber reinkopiert, das sind extra Objekte...bei dir sieht es gut aus...

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

                                        @jackblackson

                                        die mal rausholen ... was ist dann !?

                                        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
                                        • GlasfaserG Glasfaser

                                          @jackblackson

                                          die mal rausholen ... was ist dann !?

                                          jackblacksonJ Offline
                                          jackblacksonJ Offline
                                          jackblackson
                                          schrieb am zuletzt editiert von
                                          #38

                                          @Glasfaser Die liegen drüber, haben mit dem Graphen eigentlich gar nix zu tun.

                                          GlasfaserG 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          450

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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