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. Entwicklung
  4. [Neuer VIS-Adpater] Material Design Widgets

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    993

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

[Neuer VIS-Adpater] Material Design Widgets

Scheduled Pinned Locked Moved Entwicklung
adapter
271 Posts 30 Posters 56.0k Views 43 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.
  • cashC Offline
    cashC Offline
    cash
    Most Active
    wrote on last edited by
    #241

    Benutzt jemand die Widgets in der iphone-App? Bei mir funktioniert nichts. In Safari geht es aber mit der App wird mir der Status zwar richtig angezeigt aber ich kann eigen Variablen (true/false) nicht schalten.

    1 Reply Last reply
    0
    • sigi234S sigi234

      @Scrounger

      Hallo,
      ist in der Version 0.1.5 der Pie Chart noch im Beta?
      Kann man im Sub-Menü alle auf oder zu wo einstellen?

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

      @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

      ist in der Version 0.1.5 der Pie Chart noch im Beta?

      Ne, hab vergessen den Tag rauszunehmen. Kannst also los legen ;)

      @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

      Kann man im Sub-Menü alle auf oder zu wo einstellen?

      Nein, diese option gibts nicht.

      @cash sagte in [Neuer VIS-Adpater] Material Design Widgets:

      Benutzt jemand die Widgets in der iphone-App?

      Hab kein Iphone, aber mit der Android App geht das auch nicht. Teste immer nur mit Browser, allerdings kein Safari.

      1 Reply Last reply
      0
      • ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        wrote on last edited by Scrounger
        #243

        Hab color schemes für die charts implementiert. Wer es testen möchte, aktuellen master ziehen.

        Es gibt auch ein Widget wo ihr euch die ansehen könnt:
        6edbda88-2b8a-4444-ae0f-f43f64b764b9-grafik.png

        schemes_editor.png

        Falls jemand eigene schemes erstellen möchte, kann ich die gerne implementieren.
        Muss ein Array sein, siehe Beispiel.
        Entweder hier posten, issue erstellen oder pr.

        sigi234S 1 Reply Last reply
        3
        • ScroungerS Scrounger

          Hab color schemes für die charts implementiert. Wer es testen möchte, aktuellen master ziehen.

          Es gibt auch ein Widget wo ihr euch die ansehen könnt:
          6edbda88-2b8a-4444-ae0f-f43f64b764b9-grafik.png

          schemes_editor.png

          Falls jemand eigene schemes erstellen möchte, kann ich die gerne implementieren.
          Muss ein Array sein, siehe Beispiel.
          Entweder hier posten, issue erstellen oder pr.

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

          @Scrounger

          COOOL!
          Funktioniert sehr gut, man muss aber die Datenfarben rausnehmen, sollte man sie vorher schon mal geändert haben.

          Screenshot (423).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

            COOOL!
            Funktioniert sehr gut, man muss aber die Datenfarben rausnehmen, sollte man sie vorher schon mal geändert haben.

            Screenshot (423).png

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

            @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

            @Scrounger

            COOOL!
            Funktioniert sehr gut, man muss aber die Datenfarben rausnehmen, sollte man sie vorher schon mal geändert haben.

            Achso ja korrekt, User defined überschreibt die Farben für den jeweiligen Dateneintrag. Bringt den Vorteil, sollte einem eine farbe im scheme nicht gefallen, so kann man nur diese gezielt ändern.

            1 Reply Last reply
            0
            • Elektroniker86E Offline
              Elektroniker86E Offline
              Elektroniker86
              wrote on last edited by
              #246

              Hallo,

              ich benötige Hilfe mit dem tollen Vis Adapter. Wie bekommt man es hin, dass bei jedem View der jeweilige Background angezeigt wird?
              Ich habe ja ein View wo nur das Top App Bar Widget läuft, die Menüs sind ja zu den einzelnen Views verknüpft aber die Backgrounds werden ignoriert.
              Wenn ich in der View mit dem App Bar Widget ein Background angebe, dann wird das für alle Views gesetzt. Ich blick da nicht so durch.

              Würde den Adapter sehr gerne nutzen, und ihr macht hier richtig coole Sachen aber für mich ist es absolut unklar wie das alles funktioniert.

              ScroungerS 1 Reply Last reply
              0
              • ScroungerS Scrounger

                Hallo zusammen,
                ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                Aktuell ist der Adapter noch nicht im latest, da ich noch sehr viel daran arbeitet. Wer testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign

                Folgende Elemente sind bereits enthalten:
                tmp.png

                Da das mein erster VIS Adapter ist, benötige ich etwas Unterstützung bei der weiteren Entwicklung und natürlich Euer Feedback vom testen.

                Aktuelle hab ich folgende Probleme:

                • Wie muss ich den Pfad <link rel="stylesheet" href="widgets/materialdesign/css/material-components-web.css" /> ändern, so das er direkt auf node_modules/material-components-web geht und ich nicht die dateien bei einem update manuell kopieren muss?
                • Gibt es eine Möglichkeit programatisch die styling felder im vis zu befüllen? Also ich würde gerne z.B. Font color und text-align vorbefüllen. font.png
                • Kann einer der Pros hier den vertikalen Slider bauen, da ich es leider nicht hinbekomme?

                paypal

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

                @Scrounger

                Leider funktioniert jetzt nix mehr , habe ein Vis update gemacht.
                Wenn ich einen neue Bar anlege geht es, die alte Version leider nicht mehr da komme ich nicht mehr zu den View.
                Sind die wo gesichert?

                Screenshot (429).png

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

                C 1 Reply Last reply
                0
                • sigi234S sigi234

                  @Scrounger

                  Leider funktioniert jetzt nix mehr , habe ein Vis update gemacht.
                  Wenn ich einen neue Bar anlege geht es, die alte Version leider nicht mehr da komme ich nicht mehr zu den View.
                  Sind die wo gesichert?

                  Screenshot (429).png

                  C Offline
                  C Offline
                  calliou1234
                  wrote on last edited by
                  #248

                  @sigi234
                  Was nutzt du für ein Statusprogramm um dir die Fehler anzeigen zu lassen?

                  dfgfdgdf.JPG

                  Grüße

                  :mrgreen:

                  sigi234S 1 Reply Last reply
                  0
                  • C calliou1234

                    @sigi234
                    Was nutzt du für ein Statusprogramm um dir die Fehler anzeigen zu lassen?

                    dfgfdgdf.JPG

                    Grüße

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

                    @calliou1234

                    F12 im Browser

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

                    1 Reply Last reply
                    1
                    • Elektroniker86E Elektroniker86

                      Hallo,

                      ich benötige Hilfe mit dem tollen Vis Adapter. Wie bekommt man es hin, dass bei jedem View der jeweilige Background angezeigt wird?
                      Ich habe ja ein View wo nur das Top App Bar Widget läuft, die Menüs sind ja zu den einzelnen Views verknüpft aber die Backgrounds werden ignoriert.
                      Wenn ich in der View mit dem App Bar Widget ein Background angebe, dann wird das für alle Views gesetzt. Ich blick da nicht so durch.

                      Würde den Adapter sehr gerne nutzen, und ihr macht hier richtig coole Sachen aber für mich ist es absolut unklar wie das alles funktioniert.

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

                      @Elektroniker86 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                      ich benötige Hilfe mit dem tollen Vis Adapter. Wie bekommt man es hin, dass bei jedem View der jeweilige Background angezeigt wird?

                      Sofern ich das weiß, geht das beim 'view in widget 8' widget nicht. da kann man nur einen Hintergrund einstellen und da ich dieses Widget in der TopAppBar nutze, geht es doch auch nicht. Trick wäre ein Backgroudn Element bei jeder View zu erstellen z.B. mit dem html Widget.

                      @Elektroniker86 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                      Würde den Adapter sehr gerne nutzen, und ihr macht hier richtig coole Sachen aber für mich ist es absolut unklar wie das alles funktioniert.

                      Musst halt einfach mal mit den Einstellungen rumprobieren, schauen was sich ändert und dann bekommt man dreh schon raus. Die Einstellungen sind ja auch meist 'hoffentlich' eindeutig beschrieben;) Sorry aber für doku hab ich einfach keine Zeit, hatte gehofft das übernimmt hier jemand?

                      @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                      Screenshot (429).png

                      Da ist noch ne alte refernz drin, hab ich grad raus gemacht -> master ziehen.

                      sigi234S 1 Reply Last reply
                      0
                      • ScroungerS Scrounger

                        @Elektroniker86 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                        ich benötige Hilfe mit dem tollen Vis Adapter. Wie bekommt man es hin, dass bei jedem View der jeweilige Background angezeigt wird?

                        Sofern ich das weiß, geht das beim 'view in widget 8' widget nicht. da kann man nur einen Hintergrund einstellen und da ich dieses Widget in der TopAppBar nutze, geht es doch auch nicht. Trick wäre ein Backgroudn Element bei jeder View zu erstellen z.B. mit dem html Widget.

                        @Elektroniker86 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                        Würde den Adapter sehr gerne nutzen, und ihr macht hier richtig coole Sachen aber für mich ist es absolut unklar wie das alles funktioniert.

                        Musst halt einfach mal mit den Einstellungen rumprobieren, schauen was sich ändert und dann bekommt man dreh schon raus. Die Einstellungen sind ja auch meist 'hoffentlich' eindeutig beschrieben;) Sorry aber für doku hab ich einfach keine Zeit, hatte gehofft das übernimmt hier jemand?

                        @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                        Screenshot (429).png

                        Da ist noch ne alte refernz drin, hab ich grad raus gemacht -> master ziehen.

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

                        @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                        Da ist noch ne alte refernz drin, hab ich grad raus gemacht -> master ziehen.

                        Leider Fehler noch immer:

                        Screenshot (431)_LI.jpg

                        View Status

                        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 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                          Da ist noch ne alte refernz drin, hab ich grad raus gemacht -> master ziehen.

                          Leider Fehler noch immer:

                          Screenshot (431)_LI.jpg

                          View Status

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

                          @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                          Leider Fehler noch immer:

                          Ist aber ein anderer Fehler. Welche Version hast du laut Console?

                          sigi234S 1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                            Super Sache, wie bekomme ich den barvalueappendtext jeweils einzeln?

                            Ist noch nicht implementiert, kommt aber bald da ich das selber für meine Prod-Vis brauche.

                            @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                            Eine Sammlung von User-Widget oder Vorlagen wäre Super.

                            Gute Idee, aber dazu mach ich einen extra Thread auf, in Katergorie VIS.
                            Hier sollen wirklich nur Entwicklungs, Testing- und Fehlerrelevante Themen behandelt werden. Sonst findet ja rigendwann niemand mehr was.

                            Edit:
                            Weiß jemand wer die Hoheit über iobroker.click hat?
                            Mit den entsprechenden Rechten könnte ich da ein kleines Demo-Projekt anlegen ;)

                            BluefoxB Offline
                            BluefoxB Offline
                            Bluefox
                            wrote on last edited by
                            #253

                            @Scrounger

                            Weiß jemand wer die Hoheit über iobroker.click hat?

                            Wieso?

                            sigi234S ScroungerS 2 Replies Last reply
                            0
                            • ScroungerS Scrounger

                              @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                              Leider Fehler noch immer:

                              Ist aber ein anderer Fehler. Welche Version hast du laut Console?

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

                              @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                              @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                              Leider Fehler noch immer:

                              Ist aber ein anderer Fehler. Welche Version hast du laut Console?

                              0.1.5

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

                              1 Reply Last reply
                              0
                              • BluefoxB Bluefox

                                @Scrounger

                                Weiß jemand wer die Hoheit über iobroker.click hat?

                                Wieso?

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

                                @Bluefox sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                @Scrounger

                                Weiß jemand wer die Hoheit über iobroker.click hat?

                                Wieso?

                                https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets/214?page=3

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

                                1 Reply Last reply
                                0
                                • MeistertrM Offline
                                  MeistertrM Offline
                                  Meistertr
                                  Developer
                                  wrote on last edited by
                                  #256

                                  @Scrounger ich habe auf den verschieden seiten im menu elemente die ich zum beispiel mit calc(100% -xxx px) an der rechten Seite fixiere, sieht im editor auch gut aus, aber im betrieb sind die Elemente dann verschwunden oder besser gesagt aus dem Bild verschoben...

                                  ScroungerS 1 Reply Last reply
                                  0
                                  • BluefoxB Bluefox

                                    @Scrounger

                                    Weiß jemand wer die Hoheit über iobroker.click hat?

                                    Wieso?

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

                                    @Bluefox sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                    Wieso?

                                    Würde gerne ein Beispiel Projekt anlegen, hilft sicher vielen beim Konfigurieren des Adapters.

                                    @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                    0.1.5

                                    aktueller master hat die Version 1.6.0, da hab ich die von Dir beschriebenen Punkte auch gefixt.

                                    @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                    @Scrounger ich habe auf den verschieden seiten im menu elemente die ich zum beispiel mit calc(100% -xxx px) an der rechten Seite fixiere, sieht im editor auch gut aus, aber im betrieb sind die Elemente dann verschwunden oder besser gesagt aus dem Bild verschoben...

                                    Mach mal bitte nen export von der view und screenshot wo du das eingestellt hast. Versteh es so leider nicht.

                                    sigi234S 1 Reply Last reply
                                    0
                                    • ScroungerS Scrounger

                                      @Bluefox sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                      Wieso?

                                      Würde gerne ein Beispiel Projekt anlegen, hilft sicher vielen beim Konfigurieren des Adapters.

                                      @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                      0.1.5

                                      aktueller master hat die Version 1.6.0, da hab ich die von Dir beschriebenen Punkte auch gefixt.

                                      @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                      @Scrounger ich habe auf den verschieden seiten im menu elemente die ich zum beispiel mit calc(100% -xxx px) an der rechten Seite fixiere, sieht im editor auch gut aus, aber im betrieb sind die Elemente dann verschwunden oder besser gesagt aus dem Bild verschoben...

                                      Mach mal bitte nen export von der view und screenshot wo du das eingestellt hast. Versteh es so leider nicht.

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

                                      @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                      aktueller master hat die Version 1.6.0, da hab ich die von Dir beschriebenen Punkte auch gefixt.

                                      Komme nicht auf die 1.6.0

                                      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 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                        aktueller master hat die Version 1.6.0, da hab ich die von Dir beschriebenen Punkte auch gefixt.

                                        Komme nicht auf die 1.6.0

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

                                        @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                        Komme nicht auf die 1.6.0

                                        Dann versuch mal bitte folgendes -schritt für schritt:

                                        • vis-materialdesign deinstallieren
                                        • Ordner \ioBroker\iobroker-data\files\vis\widgets\materialdesign\ löschen
                                        • Datei \ioBroker\iobroker-data\files\vis\widgets\materialdesign.html löschen
                                        • Ordner \ioBroker\node_modules\iobroker.vis\www\widgets\materialdesign\ löschen
                                        • Datei D:\Projekte\ioBroker\node_modules\iobroker.vis\www\widgets\materialdesign.html löschen
                                        • iobroker restart
                                        • vis-materialdesign installieren
                                        • Befehl iobroker upload vis ausführen
                                        • iobroker restart

                                        Dadurch hast dann nur noch die aktuelle version drauf und es sichergestellt das da keine "Leichen" mehr sind.

                                        sigi234S 2 Replies Last reply
                                        0
                                        • ScroungerS Scrounger

                                          @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                          Komme nicht auf die 1.6.0

                                          Dann versuch mal bitte folgendes -schritt für schritt:

                                          • vis-materialdesign deinstallieren
                                          • Ordner \ioBroker\iobroker-data\files\vis\widgets\materialdesign\ löschen
                                          • Datei \ioBroker\iobroker-data\files\vis\widgets\materialdesign.html löschen
                                          • Ordner \ioBroker\node_modules\iobroker.vis\www\widgets\materialdesign\ löschen
                                          • Datei D:\Projekte\ioBroker\node_modules\iobroker.vis\www\widgets\materialdesign.html löschen
                                          • iobroker restart
                                          • vis-materialdesign installieren
                                          • Befehl iobroker upload vis ausführen
                                          • iobroker restart

                                          Dadurch hast dann nur noch die aktuelle version drauf und es sichergestellt das da keine "Leichen" mehr sind.

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

                                          @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                          Dadurch hast dann nur noch die aktuelle version drauf und es sichergestellt das da keine "Leichen" mehr sind.

                                          Ist dann meine schon erstellte View weg? Kann ich die wo sichern? View exportieren und importieren geht das?

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

                                          ScroungerS 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

                                          403

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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