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

    @Dirni

    Wenn ich diese nun auf meiner VIS haben möchte

    Wurde schon ..... ein paar Beiträge zuvor beantwortet !

    D Offline
    D Offline
    Dirni
    wrote on last edited by
    #175

    @Glasfaser

    Ok danke habs gesehen als die Standard Variante.

    1 Reply Last reply
    0
    • D Offline
      D Offline
      Dirni
      wrote on last edited by Dirni
      #176

      Hallo

      Wieder mal eine Frage.

      Eigentlich sind es zwei fragen

      Warum steht bei mir überall Nummer hinter den Texten?

      51a3a77f-2fef-41b3-b53e-02c8e4d20643-image.png

      Und wie kann man die Breite variieren, die Widgets überschneiden sich alle seit ich sie in meine VIS übernommen habe?

      B R 2 Replies Last reply
      0
      • D Dirni

        Hallo

        Wieder mal eine Frage.

        Eigentlich sind es zwei fragen

        Warum steht bei mir überall Nummer hinter den Texten?

        51a3a77f-2fef-41b3-b53e-02c8e4d20643-image.png

        Und wie kann man die Breite variieren, die Widgets überschneiden sich alle seit ich sie in meine VIS übernommen habe?

        B Offline
        B Offline
        bommel_030
        wrote on last edited by
        #177

        @Dirni
        Wenn du im VIS Editor z.B. auf die View "Wetter_aktuel_Bewolkung" gehst, was steht bei dir im Widget "Basic String" ?
        Da sollte nur der Titel (hier Bewölkung) stehen.
        Im Widget HTML Card mal die Breite auf 100% stellen, dann sollte das nicht mehr überlappen. Voreingestellt war glaube ich ein fester px Wert.

        1 Reply Last reply
        0
        • D Offline
          D Offline
          Dirni
          wrote on last edited by Dirni
          #178

          Das habe ich schon Kontrolliert das past

          da6b85b1-efa3-4c45-b5ba-52d44db033c0-image.png

          bei 100 % sieht das aber dann so aus

          613c92dd-f9d1-4868-b7d0-a7671245f30a-image.png

          B 1 Reply Last reply
          0
          • D Dirni

            Das habe ich schon Kontrolliert das past

            da6b85b1-efa3-4c45-b5ba-52d44db033c0-image.png

            bei 100 % sieht das aber dann so aus

            613c92dd-f9d1-4868-b7d0-a7671245f30a-image.png

            B Offline
            B Offline
            bommel_030
            wrote on last edited by
            #179

            @Dirni
            Ist quasi in jeder View vorhanden, auch in der Bewölkung. Kannst du im Widget-Reiter auswählen.
            Ist die 13 auch im Editor zu sehen?

            D 1 Reply Last reply
            0
            • B bommel_030

              @Dirni
              Ist quasi in jeder View vorhanden, auch in der Bewölkung. Kannst du im Widget-Reiter auswählen.
              Ist die 13 auch im Editor zu sehen?

              D Offline
              D Offline
              Dirni
              wrote on last edited by
              #180

              @bommel_030

              hab den Post vorher nochmal bearbeitet, das mit den 100 % funktioniert nicht

              nein im Editor sind die Zahlen nicht zu sehen

              B 1 Reply Last reply
              0
              • D Dirni

                @bommel_030

                hab den Post vorher nochmal bearbeitet, das mit den 100 % funktioniert nicht

                nein im Editor sind die Zahlen nicht zu sehen

                B Offline
                B Offline
                bommel_030
                wrote on last edited by
                #181

                @Dirni
                Hast du 100% oder 100px eingegeben?

                D 1 Reply Last reply
                0
                • B bommel_030

                  @Dirni
                  Hast du 100% oder 100px eingegeben?

                  D Offline
                  D Offline
                  Dirni
                  wrote on last edited by
                  #182

                  @bommel_030

                  OK ich hab auf Prozent gestellt aber nicht mit Enter bestätigt nun geht das Danke Perfekt.
                  Aber wo kommen diese nummern her ?

                  1 Reply Last reply
                  0
                  • D Offline
                    D Offline
                    Dirni
                    wrote on last edited by
                    #183

                    Im Editor steht nun eine 1 überall dahinter :fearful:
                    Und im Live View die 13

                    b0f65bc8-f4e0-45b5-87ae-db4b76e114be-image.png

                    B 1 Reply Last reply
                    0
                    • D Dirni

                      Im Editor steht nun eine 1 überall dahinter :fearful:
                      Und im Live View die 13

                      b0f65bc8-f4e0-45b5-87ae-db4b76e114be-image.png

                      B Offline
                      B Offline
                      bommel_030
                      wrote on last edited by
                      #184

                      @Dirni
                      Ist die 1 im Editor in der Hauptview (Wetter) oder in den einzelnen Views (z.B. Meine Sensoren)?
                      Aus welchem Widget kommt die 1 im Editor?

                      1 Reply Last reply
                      0
                      • D Offline
                        D Offline
                        Dirni
                        wrote on last edited by Dirni
                        #185

                        auch in den einzelnen Views, aber hier steht auch alles richitg

                        86bfb695-2ccf-4833-b841-c3450fdb4f1d-image.png

                        2fc6b688-f207-4afc-9c28-9ef8518cc2f4-image.png

                        B 1 Reply Last reply
                        0
                        • D Dirni

                          auch in den einzelnen Views, aber hier steht auch alles richitg

                          86bfb695-2ccf-4833-b841-c3450fdb4f1d-image.png

                          2fc6b688-f207-4afc-9c28-9ef8518cc2f4-image.png

                          B Offline
                          B Offline
                          bommel_030
                          wrote on last edited by
                          #186

                          @Dirni
                          Wieviel Widgets hast du auf der Sensoren View? Bei mir sind es vier....
                          Ändere mal im Basic String die Farbe. Ändert sich nur Meine Sensoren oder auch die 1?

                          1 Reply Last reply
                          0
                          • D Offline
                            D Offline
                            Dirni
                            wrote on last edited by
                            #187

                            Es muß mit dem Widget zu tun haben wo ich die View eingebunden habe (View in widget 8).
                            Diese ANsicht ist auf der VIEW Tab 13

                            a087ff26-d843-47a0-93e3-8f4c76d4ba8b-image.png

                            B 1 Reply Last reply
                            0
                            • D Dirni

                              Es muß mit dem Widget zu tun haben wo ich die View eingebunden habe (View in widget 8).
                              Diese ANsicht ist auf der VIEW Tab 13

                              a087ff26-d843-47a0-93e3-8f4c76d4ba8b-image.png

                              B Offline
                              B Offline
                              bommel_030
                              wrote on last edited by
                              #188

                              @Dirni
                              Kenne das nur aus dem Top App Bar Widget. Da kann man den Index anzeigen lassen....
                              Ist bei mir aber auch aktiviert und taucht im Wetter nicht auf. Adapter/Widgets sind alle aktuell?

                              1 Reply Last reply
                              0
                              • D Offline
                                D Offline
                                Dirni
                                wrote on last edited by
                                #189

                                ja alle Adapter Aktuell...
                                Noch ein Thema habe ich, wenn ich die view öffne zeigt er mit den Regenradar view ganz unten nicht an, aber wenn ich ihn vor dem Verlauf view Sortiere wird er angezeigt.

                                1 Reply Last reply
                                0
                                • K Offline
                                  K Offline
                                  klausiob
                                  wrote on last edited by klausiob
                                  #190

                                  @Scrounger Funktioniert die Wettervorschau nur mit einer bestimmten Konfiguration von DasWetter. Ich habe hier daswetter.0.Nexthours2.Location_1.Day_1....
                                  Bei mir wurden nur wenige Datenpunkte generiert.

                                  	javascript.0 (10822) script.js.common.DasWetter: Keine Daten für Tag 1 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
                                  

                                  Außerdem sagt JS das er die Module nicht finden kann. Habe ich aber konfiguriert oder muß man die noch selber installieren.

                                  // import
                                  const chromaJs = require("chroma-js");
                                  const moment = require("moment");
                                  

                                  Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                                  node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                                  GlasfaserG 1 Reply Last reply
                                  0
                                  • K klausiob

                                    @Scrounger Funktioniert die Wettervorschau nur mit einer bestimmten Konfiguration von DasWetter. Ich habe hier daswetter.0.Nexthours2.Location_1.Day_1....
                                    Bei mir wurden nur wenige Datenpunkte generiert.

                                    	javascript.0 (10822) script.js.common.DasWetter: Keine Daten für Tag 1 vorhanden! Reduziere die Anzahl der Tage im Skript, dann wird keine Warnmeldung mehr angezeigt!
                                    

                                    Außerdem sagt JS das er die Module nicht finden kann. Habe ich aber konfiguriert oder muß man die noch selber installieren.

                                    // import
                                    const chromaJs = require("chroma-js");
                                    const moment = require("moment");
                                    
                                    GlasfaserG Offline
                                    GlasfaserG Offline
                                    Glasfaser
                                    wrote on last edited by
                                    #191

                                    @klausiob

                                    Lese das mal durch , da ist es erklärt : Link Text

                                    ist auch ganz oben angepinnt ;)

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

                                    K 1 Reply Last reply
                                    0
                                    • GlasfaserG Glasfaser

                                      @klausiob

                                      Lese das mal durch , da ist es erklärt : Link Text

                                      ist auch ganz oben angepinnt ;)

                                      K Offline
                                      K Offline
                                      klausiob
                                      wrote on last edited by
                                      #192

                                      @Glasfaser Nachdem was in dem Link steht habe ich mich eigentlich gerichtet. Ich weiss aber nicht, ob es genügt, die zusätzlichen NPM-Module bei JS nur anzugeben, oder installiert JS die dann, oder sind die standardmäßig schon auf dem Raspi? Aber die Fehlermeldungen kommen ja eher daher, daß er die Datenpunkte von DasWetter nicht findet, weil er sie nicht installiert hat.

                                      Weil ich habe den Pfad 4 und der hat nicht:

                                      let idDasWetter = `daswetter.0.NextHours.Location_1.Day_${i}`;
                                      sondern
                                      let idDasWetter = `daswetter.0.NextHours2.Location_1.Day_${i}`;
                                      

                                      Außerdem stimmen tlw. die Datenpunktnamen im Skript nicht mit denen im Pfad 4 überein.

                                      Sprichst Du da das an?
                                      path 4
                                      at the moment DasWetter.com sends data which are different to their own specification. Now we have implemented a "auto-repair" which changes to structure to documented shape.
                                      Was bedeutet das?

                                      Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                                      node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                                      GlasfaserG 1 Reply Last reply
                                      0
                                      • K klausiob

                                        @Glasfaser Nachdem was in dem Link steht habe ich mich eigentlich gerichtet. Ich weiss aber nicht, ob es genügt, die zusätzlichen NPM-Module bei JS nur anzugeben, oder installiert JS die dann, oder sind die standardmäßig schon auf dem Raspi? Aber die Fehlermeldungen kommen ja eher daher, daß er die Datenpunkte von DasWetter nicht findet, weil er sie nicht installiert hat.

                                        Weil ich habe den Pfad 4 und der hat nicht:

                                        let idDasWetter = `daswetter.0.NextHours.Location_1.Day_${i}`;
                                        sondern
                                        let idDasWetter = `daswetter.0.NextHours2.Location_1.Day_${i}`;
                                        

                                        Außerdem stimmen tlw. die Datenpunktnamen im Skript nicht mit denen im Pfad 4 überein.

                                        Sprichst Du da das an?
                                        path 4
                                        at the moment DasWetter.com sends data which are different to their own specification. Now we have implemented a "auto-repair" which changes to structure to documented shape.
                                        Was bedeutet das?

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

                                        @klausiob sagte in Material Design Widgets: Wetter View:

                                        Außerdem stimmen tlw. die Datenpunktnamen im Skript nicht mit denen im Pfad 4 überein.

                                        Was spricht dagegen in der Instanz beim Adapter dasWetter den Pfad 3 ( oder weitere Pfade ) anzugeben ...
                                        dann hast du doch die fehlenden Datenpunkte nicht mehr und das Wetter View funktioniert.

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

                                        K 1 Reply Last reply
                                        0
                                        • GlasfaserG Glasfaser

                                          @klausiob sagte in Material Design Widgets: Wetter View:

                                          Außerdem stimmen tlw. die Datenpunktnamen im Skript nicht mit denen im Pfad 4 überein.

                                          Was spricht dagegen in der Instanz beim Adapter dasWetter den Pfad 3 ( oder weitere Pfade ) anzugeben ...
                                          dann hast du doch die fehlenden Datenpunkte nicht mehr und das Wetter View funktioniert.

                                          K Offline
                                          K Offline
                                          klausiob
                                          wrote on last edited by
                                          #194

                                          @Glasfaser Ich habe schon die Wetterview von @sigi234 mit Pfad 4 und wollte jetzt noch eine View fürs Handy machen und nicht noch extra andere Datenformate abrufen.
                                          In der daswetter-Konfiguration steht ja: "Verwenden Sie nur die URL, die Sie benötigen, lassen Sie die anderen leer."
                                          Wußte ja nicht welche Du zugrunde gelegt hast, steht das irgendwo?
                                          Dann werde ich wohl was eigenes machen.

                                          Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                                          node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                                          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

                                          615

                                          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