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

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

    @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

    ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von
    #118

    @von-cartman sagte in Material Design Widgets: Wetter View:

    @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

    https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/widgets/materialdesign/css

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

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

    von.cartmanV 1 Antwort Letzte Antwort
    1
    • ScroungerS Scrounger

      @von-cartman sagte in Material Design Widgets: Wetter View:

      @Scrounger : Wo finde ich die CSS bzw. die Definition von Farben und usw. von Widgets?

      https://github.com/Scrounger/ioBroker.vis-materialdesign/tree/master/widgets/materialdesign/css

      von.cartmanV Offline
      von.cartmanV Offline
      von.cartman
      schrieb am zuletzt editiert von
      #119

      @Scrounger Danke

      1 Antwort Letzte Antwort
      0
      • NegaleinN Offline
        NegaleinN Offline
        Negalein
        Global Moderator
        schrieb am zuletzt editiert von Negalein
        #120

        @Scrounger

        Obwohl ich im DasWetter-Adapter für die Mondicons einen eigenen Pfad angegeben habe, werden mir im
        Widget nur die Standardicons angezeigt.

        Muss da im Widget noch speziell eingestellt werden?

        vis (31).png
        instances - ioBroker (19).png

        ° Node.js: 20.17.0 NPM: 10.8.2
        ° Proxmox, Ubuntu 22.04.3 LTS
        ° Fixer ---> iob fix

        ScroungerS 1 Antwort Letzte Antwort
        0
        • NegaleinN Negalein

          @Scrounger

          Obwohl ich im DasWetter-Adapter für die Mondicons einen eigenen Pfad angegeben habe, werden mir im
          Widget nur die Standardicons angezeigt.

          Muss da im Widget noch speziell eingestellt werden?

          vis (31).png
          instances - ioBroker (19).png

          ScroungerS Offline
          ScroungerS Offline
          Scrounger
          Developer
          schrieb am zuletzt editiert von
          #121

          @Negalein
          Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

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

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

          NegaleinN 2 Antworten Letzte Antwort
          0
          • ScroungerS Scrounger

            @Negalein
            Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

            NegaleinN Offline
            NegaleinN Offline
            Negalein
            Global Moderator
            schrieb am zuletzt editiert von
            #122

            @Scrounger sagte in Material Design Widgets: Wetter View:

            brav per vis Editor hochgeladen?

            brav per Vis hochgeladen.
            Ich bin ja ein anständiger Junge ;)

            ° Node.js: 20.17.0 NPM: 10.8.2
            ° Proxmox, Ubuntu 22.04.3 LTS
            ° Fixer ---> iob fix

            1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

              @Negalein
              Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              schrieb am zuletzt editiert von
              #123

              @Scrounger sagte in Material Design Widgets: Wetter View:

              @Negalein
              Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

              Kommando retour
              Jetzt nach ca. 15 Minuten sind die neuen Icons da.

              ° Node.js: 20.17.0 NPM: 10.8.2
              ° Proxmox, Ubuntu 22.04.3 LTS
              ° Fixer ---> iob fix

              sigi234S 1 Antwort Letzte Antwort
              0
              • NegaleinN Negalein

                @Scrounger sagte in Material Design Widgets: Wetter View:

                @Negalein
                Hast du sie einfach kopiert oder brav per vis Editor hochgeladen? ;-)

                Kommando retour
                Jetzt nach ca. 15 Minuten sind die neuen Icons da.

                sigi234S Online
                sigi234S Online
                sigi234
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #124

                @Negalein sagte in Material Design Widgets: Wetter View:

                Kommando retour
                Jetzt nach ca. 15 Minuten sind die neuen Icons da.

                Ja, es dauert eine Zeit bis der DasWetter Adapter das checkt.:smirk:

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

                1 Antwort Letzte Antwort
                1
                • NegaleinN Offline
                  NegaleinN Offline
                  Negalein
                  Global Moderator
                  schrieb am zuletzt editiert von
                  #125

                  @Scrounger

                  Ich hab immer wieder mal diese beiden Fehler in der Popup-Ansicht Tag 2-5

                  Fehler 1: der zusätzliche Balken mittig vom Popup
                  Fehler 2: das "Fehler im JSON"

                  Was könnte das verursachen?

                  vis.png

                  ° Node.js: 20.17.0 NPM: 10.8.2
                  ° Proxmox, Ubuntu 22.04.3 LTS
                  ° Fixer ---> iob fix

                  GlasfaserG 1 Antwort Letzte Antwort
                  0
                  • NegaleinN Negalein

                    @Scrounger

                    Ich hab immer wieder mal diese beiden Fehler in der Popup-Ansicht Tag 2-5

                    Fehler 1: der zusätzliche Balken mittig vom Popup
                    Fehler 2: das "Fehler im JSON"

                    Was könnte das verursachen?

                    vis.png

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

                    @Negalein

                    Habe mehr anzubieten ..
                    . liegt also nicht am schlecht Wetter in Österreich... auch im Ruhrpott so Bilder :)
                    .
                    1.JPG
                    .
                    3.JPG
                    .
                    55.JPG
                    .
                    4.JPG
                    .
                    6.JPG
                    .
                    7.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 ..

                    1 Antwort Letzte Antwort
                    0
                    • AxelF1977A AxelF1977

                      Ich habe das jetzt in meine vis integriert. Läuft, danke nochmal für die Hilfe.

                      Ich habe das ganze Script 2x eingebunden. Einmal um die "normale" Wetter Seite mit allen Widgets anzuzeigen, und einmal habe ich es geändert, um es in meine "Startseite" integrieren zu können.

                      e344e8f1-4484-438a-aa91-d5e27077668f-image.png

                      Mir würde es sehr gefallen, wenn die Temperaturen (max/min) je nach Temperatur eine andere Farbe hätten. z.B. kleiner 5°C blau (kalt) größer 5°C kleiner 20°C grün (angenehm) und über 20°C rot (warm). Die Zahlen nur als Beispiele.

                      Wie würde das Scriptseitig gehen?

                      Ferner hab ich noch ein Problem, wenn ich den Dialog öffne, sieht das so aus, es scheinen sich 2 zu öffnen. Hatte das schon jemand?

                      0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                      AxelF1977A Offline
                      AxelF1977A Offline
                      AxelF1977
                      schrieb am zuletzt editiert von
                      #127

                      @Negalein und @Glasfaser bei mir auch, hatte ich neulich schon mal angemerkt. Das liegt, meine ich, wie das VIEW aufgebaut ist, mit den 4 dialog widges. Da scheint was nicht zu stimmen.

                      ich habe meins umgebaut, und habe das Problem nicht mehr

                      @AxelF1977 sagte in Material Design Widgets: Wetter View:

                      Ich habe das jetzt in meine vis integriert. Läuft, danke nochmal für die Hilfe.

                      Ich habe das ganze Script 2x eingebunden. Einmal um die "normale" Wetter Seite mit allen Widgets anzuzeigen, und einmal habe ich es geändert, um es in meine "Startseite" integrieren zu können.

                      e344e8f1-4484-438a-aa91-d5e27077668f-image.png

                      Mir würde es sehr gefallen, wenn die Temperaturen (max/min) je nach Temperatur eine andere Farbe hätten. z.B. kleiner 5°C blau (kalt) größer 5°C kleiner 20°C grün (angenehm) und über 20°C rot (warm). Die Zahlen nur als Beispiele.

                      Wie würde das Scriptseitig gehen?

                      Ferner hab ich noch ein Problem, wenn ich den Dialog öffne, sieht das so aus, es scheinen sich 2 zu öffnen. Hatte das schon jemand?

                      0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                      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

                      NegaleinN 1 Antwort Letzte Antwort
                      0
                      • AxelF1977A AxelF1977

                        @Negalein und @Glasfaser bei mir auch, hatte ich neulich schon mal angemerkt. Das liegt, meine ich, wie das VIEW aufgebaut ist, mit den 4 dialog widges. Da scheint was nicht zu stimmen.

                        ich habe meins umgebaut, und habe das Problem nicht mehr

                        @AxelF1977 sagte in Material Design Widgets: Wetter View:

                        Ich habe das jetzt in meine vis integriert. Läuft, danke nochmal für die Hilfe.

                        Ich habe das ganze Script 2x eingebunden. Einmal um die "normale" Wetter Seite mit allen Widgets anzuzeigen, und einmal habe ich es geändert, um es in meine "Startseite" integrieren zu können.

                        e344e8f1-4484-438a-aa91-d5e27077668f-image.png

                        Mir würde es sehr gefallen, wenn die Temperaturen (max/min) je nach Temperatur eine andere Farbe hätten. z.B. kleiner 5°C blau (kalt) größer 5°C kleiner 20°C grün (angenehm) und über 20°C rot (warm). Die Zahlen nur als Beispiele.

                        Wie würde das Scriptseitig gehen?

                        Ferner hab ich noch ein Problem, wenn ich den Dialog öffne, sieht das so aus, es scheinen sich 2 zu öffnen. Hatte das schon jemand?

                        0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                        NegaleinN Offline
                        NegaleinN Offline
                        Negalein
                        Global Moderator
                        schrieb am zuletzt editiert von
                        #128

                        @AxelF1977 sagte in Material Design Widgets: Wetter View:

                        ich habe meins umgebaut, und habe das Problem nicht mehr

                        wie und was hast du umgebaut?

                        ° Node.js: 20.17.0 NPM: 10.8.2
                        ° Proxmox, Ubuntu 22.04.3 LTS
                        ° Fixer ---> iob fix

                        AxelF1977A 1 Antwort Letzte Antwort
                        0
                        • ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          schrieb am zuletzt editiert von Scrounger
                          #129

                          Hab gerade ein Update hochgeladen:

                          1.0.4 (19.05.2020)

                          • (Scrounger) bug fix graphs y-Axis range, Javascript Adapter >= 4.6.1 needed, DasWetter >= 3.0.1 needed

                          Achtung folgende zwei Adapter benötigt ihr neuere Versionen!!!

                          • DasWetter >= 3.0.1
                          • Javascript >= 4.6.1

                          @AxelF1977 sagte in Material Design Widgets: Wetter View:

                          @Negalein und @Glasfaser bei mir auch, hatte ich neulich schon mal angemerkt. Das liegt, meine ich,

                          0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                          Das ist noch ein Bug im Widget, steht schon auf der ToDo Liste.

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

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

                          sigi234S 1 Antwort Letzte Antwort
                          2
                          • ScroungerS Scrounger

                            Hab gerade ein Update hochgeladen:

                            1.0.4 (19.05.2020)

                            • (Scrounger) bug fix graphs y-Axis range, Javascript Adapter >= 4.6.1 needed, DasWetter >= 3.0.1 needed

                            Achtung folgende zwei Adapter benötigt ihr neuere Versionen!!!

                            • DasWetter >= 3.0.1
                            • Javascript >= 4.6.1

                            @AxelF1977 sagte in Material Design Widgets: Wetter View:

                            @Negalein und @Glasfaser bei mir auch, hatte ich neulich schon mal angemerkt. Das liegt, meine ich,

                            0dc99a28-b05e-488e-af65-5be41a2ac5b4-image.png

                            Das ist noch ein Bug im Widget, steht schon auf der ToDo Liste.

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von sigi234
                            #130

                            @Scrounger

                            Windrichtung beim allen PopUp ist noch Falsch.

                            Screenshot (2503)_LI.jpg

                            Liegt daran denke ich:

                            Screenshot (2508)_LI.jpg

                            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

                              Windrichtung beim allen PopUp ist noch Falsch.

                              Screenshot (2503)_LI.jpg

                              Liegt daran denke ich:

                              Screenshot (2508)_LI.jpg

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              schrieb am zuletzt editiert von
                              #131

                              @sigi234
                              Danke, habs behoben.

                              1.0.5 (19.05.2020)

                              • (Scrounger) bug fix Windrichtung

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

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

                              sigi234S 1 Antwort Letzte Antwort
                              1
                              • ScroungerS Scrounger

                                @sigi234
                                Danke, habs behoben.

                                1.0.5 (19.05.2020)

                                • (Scrounger) bug fix Windrichtung
                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #132

                                @Scrounger sagte in Material Design Widgets: Wetter View:

                                @sigi234
                                Danke, habs behoben.

                                1.0.5 (19.05.2020)

                                • (Scrounger) bug fix Windrichtung

                                0_userdata.0.vis.MaterialDesignWidgets.Wetter.Windrichtung.Day_5

                                Hier kommen keine Daten!

                                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 sagte in Material Design Widgets: Wetter View:

                                  @sigi234
                                  Danke, habs behoben.

                                  1.0.5 (19.05.2020)

                                  • (Scrounger) bug fix Windrichtung

                                  0_userdata.0.vis.MaterialDesignWidgets.Wetter.Windrichtung.Day_5

                                  Hier kommen keine Daten!

                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  schrieb am zuletzt editiert von
                                  #133

                                  @sigi234
                                  Liegt dran weil weatherunderground nur 4 Tage Vorschau liefert

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

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

                                  sigi234S 1 Antwort Letzte Antwort
                                  0
                                  • ScroungerS Scrounger

                                    @sigi234
                                    Liegt dran weil weatherunderground nur 4 Tage Vorschau liefert

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    schrieb am zuletzt editiert von
                                    #134

                                    @Scrounger sagte in Material Design Widgets: Wetter View:

                                    @sigi234
                                    Liegt dran weil weatherunderground nur 4 Tage Vorschau liefert

                                    Jupp, gesehen. Kann man einen Dummy Wert reinschreiben? no Data

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • NegaleinN Negalein

                                      @AxelF1977 sagte in Material Design Widgets: Wetter View:

                                      ich habe meins umgebaut, und habe das Problem nicht mehr

                                      wie und was hast du umgebaut?

                                      AxelF1977A Offline
                                      AxelF1977A Offline
                                      AxelF1977
                                      schrieb am zuletzt editiert von
                                      #135

                                      @Negalein Ich habe die entsprechenden Stellen im Javascript auskommentiert, und habe im VIEW das Dialog View Widget auf die Elemente jeweils als durchsichtigen Button gelegt

                                              //listType: (day === 1) ? "text" : "buttonState",
                                              //objectId: `${idDialogSchalter}${day}`,
                                             //buttonStateValue: "true",
                                             //"showValueLabel": "false"
                                      

                                      b2145d62-584f-4177-8d78-b8dbc13f6054-image.png

                                      Danach hatte ich mit den doppelten Popups keine Probleme.

                                      Aber andere gibt es noch, das werde ich aber dann jetzt ins entsprechende Thema schreiben, denn das hat mitr dem Wetter an sich nichts zu tun

                                      @Scrounger sagte in Material Design Widgets: Wetter View:

                                      Das ist noch ein Bug im Widget, steht schon auf der ToDo Liste.

                                      Ok, ich schreib dazu trotzdem nochmal was im richtigen Thema, um das Verhalten genauer zu erklären.

                                      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 Antwort Letzte Antwort
                                      0
                                      • K Offline
                                        K Offline
                                        Kochen
                                        schrieb am zuletzt editiert von
                                        #136

                                        Guten Abend,
                                        hat jemand eine Idee?
                                        Bei mir wird der Name vom dritten Tag immer doppelt angezeigt. Die Werte sind aber unterschiedlich...

                                        d7028a36-b17b-4d6e-b6fe-a283153e5295-image.png

                                        B 1 Antwort Letzte Antwort
                                        0
                                        • K Kochen

                                          Guten Abend,
                                          hat jemand eine Idee?
                                          Bei mir wird der Name vom dritten Tag immer doppelt angezeigt. Die Werte sind aber unterschiedlich...

                                          d7028a36-b17b-4d6e-b6fe-a283153e5295-image.png

                                          B Offline
                                          B Offline
                                          bommel_030
                                          schrieb am zuletzt editiert von
                                          #137

                                          @Kochen
                                          Schau mal im VIS Editor in der View "Wetter_Vorschau" nach. Da siehst du unten die Dialog Widgets. Schau mal beim entsprechenden Tag nach was unter Titel steht. Sollte in etwa so aussehen:

                                          {daswetter.0.NextHours.Location_1.Day_4.day_name} - {0_userdata.0.VIS.Wetter.Charlottenburg.DatumFormat.Day_4}
                                          

                                          Wenn bei beiden der gleiche Tag drin steht einfach anpassen.

                                          @Scrounger
                                          Vielen Dank für das nächste tolle Projekt, funktioniert bis auf die hin und wieder doppelten Pop-Ups super.
                                          Ich nutze mehrere Instanzen des Wetter Adapters für verschieden Orte.
                                          Wäre super wenn die verwendete Instanz des Wetter / Weatherunderground Adapters in der Konfiguration auswählbar ist.

                                          K 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

                                          563

                                          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