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

NEWS

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

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

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

[Neuer VIS-Adpater] Material Design Widgets

Geplant Angeheftet Gesperrt Verschoben Entwicklung
adapter
271 Beiträge 30 Kommentatoren 51.3k Aufrufe 43 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.
  • sigi234S sigi234

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

    "/iobroker.vis-materialdesign

    Wo ist dieser genau?

    L Offline
    L Offline
    Leviathan09
    schrieb am zuletzt editiert von
    #171

    @sigi234 /node_modules/iobroker.vis-materialdesign

    sigi234S 1 Antwort Letzte Antwort
    0
    • L Leviathan09

      @sigi234 /node_modules/iobroker.vis-materialdesign

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

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

      @sigi234 /node_modules/iobroker.vis-materialdesign

      Danke, da habe ich 9 MB

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

      L 1 Antwort Letzte Antwort
      0
      • sigi234S sigi234

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

        @sigi234 /node_modules/iobroker.vis-materialdesign

        Danke, da habe ich 9 MB

        L Offline
        L Offline
        Leviathan09
        schrieb am zuletzt editiert von
        #173

        @sigi234 Ich habe den Adapter nun nochmal neu installiert.
        Nun sind es bei mir auch nur 9MB

        Sehr komisch....

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

          Nachdem ich heute weiter an meinem Produktiv VIS gearbeitet habe, ist mir aufgefallen dass einfach keine wirklich schönen Graphen gibt, die man so gestalten kann das sie dem Material Design entsprechen. Hab also mal geschaut was es so für APIs gibt.

          Jetzt brauch ich mal Euren Rat bzw. Meinung. Ich würde gerne die Google Chart Api, da super easy zu verwenden - auf den ersten Blick ;).
          Hier mal ein kleines Beispiel, läuft bei mir im VIS schon:
          charts.gif

          Allerdings kann diese API nur online genutzt werden. Wie seht ihr das, ist das ein NO GO?

          Alternativ gebe es noch die TOAST UI Chart API, die man auch offline nutzen kann, allerdings entspricht die halt nicht dem Material Design bzw. die Anpassung darauf wird viel aufwendiger.

          <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 MeistertrM G 3 Antworten Letzte Antwort
          0
          • ScroungerS Scrounger

            Nachdem ich heute weiter an meinem Produktiv VIS gearbeitet habe, ist mir aufgefallen dass einfach keine wirklich schönen Graphen gibt, die man so gestalten kann das sie dem Material Design entsprechen. Hab also mal geschaut was es so für APIs gibt.

            Jetzt brauch ich mal Euren Rat bzw. Meinung. Ich würde gerne die Google Chart Api, da super easy zu verwenden - auf den ersten Blick ;).
            Hier mal ein kleines Beispiel, läuft bei mir im VIS schon:
            charts.gif

            Allerdings kann diese API nur online genutzt werden. Wie seht ihr das, ist das ein NO GO?

            Alternativ gebe es noch die TOAST UI Chart API, die man auch offline nutzen kann, allerdings entspricht die halt nicht dem Material Design bzw. die Anpassung darauf wird viel aufwendiger.

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

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

            Wie seht ihr das, ist das ein NO GO?

            Ja

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

              Wie seht ihr das, ist das ein NO GO?

              Ja

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

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

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

              Wie seht ihr das, ist das ein NO GO?

              Ja

              Und warum?

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

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

                Wie seht ihr das, ist das ein NO GO?

                Ja

                Und warum?

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

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

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

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

                Wie seht ihr das, ist das ein NO GO?

                Ja

                Und warum?

                Internet geht nicht Chart weg?

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

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

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

                  Wie seht ihr das, ist das ein NO GO?

                  Ja

                  Und warum?

                  Internet geht nicht Chart weg?

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

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

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

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

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

                  Wie seht ihr das, ist das ein NO GO?

                  Ja

                  Und warum?

                  Internet geht nicht Chart weg?

                  Naja wenn das Internet nicht geht, dann gibt es bei vielen wahrscheinlich ganz andere Cloud Probleme ;)
                  Und das könnte man umgehen, da es die API schon offline gibt, aber sie dann halt nicht mehr den terms of service entsprechen würde. Das könnte aber jeder selbst anpassen. Allerdings das direkt in einem OpenSource einzubinden geht halt nicht.

                  Ich selber habe eher ein Problem damit, dass meine ganzen Daten dann über google laufen.

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

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

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

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

                    Wie seht ihr das, ist das ein NO GO?

                    Ja

                    Und warum?

                    Internet geht nicht Chart weg?

                    Naja wenn das Internet nicht geht, dann gibt es bei vielen wahrscheinlich ganz andere Cloud Probleme ;)
                    Und das könnte man umgehen, da es die API schon offline gibt, aber sie dann halt nicht mehr den terms of service entsprechen würde. Das könnte aber jeder selbst anpassen. Allerdings das direkt in einem OpenSource einzubinden geht halt nicht.

                    Ich selber habe eher ein Problem damit, dass meine ganzen Daten dann über google laufen.

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

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

                    Ich selber habe eher ein Problem damit, dass meine ganzen Daten dann über google laufen.

                    Na ja, die wissen eh schon alles über mich. Wenn ich einen Lebenslauf brauche rufe ich dort an.:grinning:

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

                    1 Antwort Letzte Antwort
                    1
                    • S Offline
                      S Offline
                      simpixo
                      schrieb am zuletzt editiert von
                      #180

                      Hallo zusammen

                      ich finde den ADPTER spitze, aber komme nicht so schnell voran :( Hat jemand von euch ein Grundgerüst aus paar Seiten die er als Export zu Verfügung stellen könnte?

                      Würde mich riesig drüber freuen, damit ich verstehen lernen kann, wie ich eine schöne VIS erstellen könnte

                      Vielen Dank

                      Gruß
                      Adrian

                      1 Antwort Letzte Antwort
                      0
                      • H Offline
                        H Offline
                        heinzie
                        schrieb am zuletzt editiert von heinzie
                        #181

                        Ich suche für meine Heizung noch eine Möglichkeit 3 Tempearaturen (15,17 u.21°) vorzuwählen.
                        Bisher beutze ich dafür eine Radio Button Element, geht das mit den aktuellen Möglichkeiten irgendwie?

                        Ist das richtig das die kleinste Einstellung für die Button immer 64px ist? oder kann man das irgendwo einstellen. Ist auf dem Handy usw. ziemlich groß.

                        1 Antwort Letzte Antwort
                        0
                        • ScroungerS Scrounger

                          Nachdem ich heute weiter an meinem Produktiv VIS gearbeitet habe, ist mir aufgefallen dass einfach keine wirklich schönen Graphen gibt, die man so gestalten kann das sie dem Material Design entsprechen. Hab also mal geschaut was es so für APIs gibt.

                          Jetzt brauch ich mal Euren Rat bzw. Meinung. Ich würde gerne die Google Chart Api, da super easy zu verwenden - auf den ersten Blick ;).
                          Hier mal ein kleines Beispiel, läuft bei mir im VIS schon:
                          charts.gif

                          Allerdings kann diese API nur online genutzt werden. Wie seht ihr das, ist das ein NO GO?

                          Alternativ gebe es noch die TOAST UI Chart API, die man auch offline nutzen kann, allerdings entspricht die halt nicht dem Material Design bzw. die Anpassung darauf wird viel aufwendiger.

                          MeistertrM Offline
                          MeistertrM Offline
                          Meistertr
                          Developer
                          schrieb am zuletzt editiert von
                          #182

                          @Scrounger also mir wäre es egal ob online oder nicht. Vond datenseite her ist es ja auch egal. Ohne Zusammenhang kann selbst Google da nix mit anfangen... Aber wenn es ein vergleichbares offline framework gibt wäre das schon zu bevorzugen.

                          1 Antwort Letzte Antwort
                          0
                          • D dos1973

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

                            @dos1973

                            Magst du mir verraten welchen ICON Pack für Wetter Icons das ist? Danke!

                            sorry, keine Ahnung wo ich das her hatte... ich kann es aber zippen und hochladen...

                            G Offline
                            G Offline
                            gravidi
                            schrieb am zuletzt editiert von
                            #183

                            @dos1973
                            Kein Ding, habs schon gefunden. Danke dir!
                            Falls jemand braucht:
                            https://github.com/manifestinteractive/weather-underground-icons

                            1 Antwort Letzte Antwort
                            0
                            • ScroungerS Scrounger

                              Nachdem ich heute weiter an meinem Produktiv VIS gearbeitet habe, ist mir aufgefallen dass einfach keine wirklich schönen Graphen gibt, die man so gestalten kann das sie dem Material Design entsprechen. Hab also mal geschaut was es so für APIs gibt.

                              Jetzt brauch ich mal Euren Rat bzw. Meinung. Ich würde gerne die Google Chart Api, da super easy zu verwenden - auf den ersten Blick ;).
                              Hier mal ein kleines Beispiel, läuft bei mir im VIS schon:
                              charts.gif

                              Allerdings kann diese API nur online genutzt werden. Wie seht ihr das, ist das ein NO GO?

                              Alternativ gebe es noch die TOAST UI Chart API, die man auch offline nutzen kann, allerdings entspricht die halt nicht dem Material Design bzw. die Anpassung darauf wird viel aufwendiger.

                              G Offline
                              G Offline
                              gravidi
                              schrieb am zuletzt editiert von
                              #184

                              @Scrounger
                              Ansich eine gute Idee. Ob online oder offline stört mich nicht. Offline ist immer schöner, weil funktioniert auch ohne Internet und Ladezeiten sind für die meisten schneller.

                              1 Antwort Letzte Antwort
                              0
                              • O Online
                                O Online
                                Oli
                                schrieb am zuletzt editiert von
                                #185

                                Hallo @Scrounger ,

                                ich finde den Adapter genial, danke für die Arbeit die du da hinein steckst.

                                Allerdings hätte ich da noch ein paar Fragen dazu:

                                1. Wenn ich aus der Navigation eine Seite aufrufe, wird sie mir angezeigt, aber nach ca 1 Minute verschwindet sie, woran könnte das liegen?

                                3ce5f27e-f0e0-489e-a870-d61aafc08eb7-image.png

                                6f51a132-92e8-481b-b244-c32e643323ae-image.png

                                1. Wo ändere ich die Hintergrundfarbe, für den Bereich der momentan Blau ist?

                                2. Wie muss ich die verschiedenen Seiten bei einem Untermenü eintragen? Momentan habe ich es, wie auf dem Bild bei Tab[5], leider wird mir da nichts angezeigt.

                                c4eafc0b-0d4b-4d51-ad2a-77c2ac412edb-image.png

                                Gruß Oliver

                                Gruß
                                Oliver

                                ScroungerS 1 Antwort Letzte Antwort
                                0
                                • ScroungerS Scrounger

                                  Hab eine neue Version hochgeladen, wo jetzt es jetzt SubMenu gibt.
                                  Wie ihr das konfigurieren müsste, steht hier

                                  topappbar_dismissible.gif

                                  Ich hab einiges geändert, d.h. evtl. zerschießt es euch die Top Bar und die List. Bevor ihr hier fehler postet, bitte zuerst die beiden Widgets komplett neu erstellen und dann testen ob es wirklich ein fehler ist!

                                  @crunchip, @andiko2
                                  Ich verwende jetzt die min lib der mdc api. Evtl. löst das das Ram Problem?

                                  Bitte testen.

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

                                  Du hattest noch nach einem Anwendungsbereich für das iframe tile gefragt. Ich lasse mir da z.B. meinen Kamerastream anzeigen.

                                  Ok, hat mir jemdand vielleicht auch ein funktionierendes Beispiel zu einem online stream, den man mit iFrame einbinden kann. Bräuchte das zu testzwecken und habe werde Zeit noch Lust mich in das iFrame im Detail einzuarbeiten.

                                  crunchipC Abwesend
                                  crunchipC Abwesend
                                  crunchip
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von
                                  #186

                                  @Scrounger bei mir scheint das jetzt nach einem erneuten installieren nun auch korrekt zu laufen, Speicherproblem ist also nun beseitigt.
                                  Jetzt muss ich mich nur erst mal zurecht finden, wie das hier alles funtuoniert.

                                  umgestiegen von Proxmox auf Unraid

                                  1 Antwort Letzte Antwort
                                  0
                                  • sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    schrieb am zuletzt editiert von sigi234
                                    #187

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

                                    Wo ändere ich die Hintergrundfarbe, für den Bereich der momentan Blau ist?

                                    Navigationsleiste: Farben
                                    Kopfzeile Hintergrund

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • O Oli

                                      Hallo @Scrounger ,

                                      ich finde den Adapter genial, danke für die Arbeit die du da hinein steckst.

                                      Allerdings hätte ich da noch ein paar Fragen dazu:

                                      1. Wenn ich aus der Navigation eine Seite aufrufe, wird sie mir angezeigt, aber nach ca 1 Minute verschwindet sie, woran könnte das liegen?

                                      3ce5f27e-f0e0-489e-a870-d61aafc08eb7-image.png

                                      6f51a132-92e8-481b-b244-c32e643323ae-image.png

                                      1. Wo ändere ich die Hintergrundfarbe, für den Bereich der momentan Blau ist?

                                      2. Wie muss ich die verschiedenen Seiten bei einem Untermenü eintragen? Momentan habe ich es, wie auf dem Bild bei Tab[5], leider wird mir da nichts angezeigt.

                                      c4eafc0b-0d4b-4d51-ad2a-77c2ac412edb-image.png

                                      Gruß Oliver

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

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

                                      Hallo @Scrounger ,

                                      ich finde den Adapter genial, danke für die Arbeit die du da hinein steckst.

                                      Allerdings hätte ich da noch ein paar Fragen dazu:

                                      1. Wenn ich aus der Navigation eine Seite aufrufe, wird sie mir angezeigt, aber nach ca 1 Minute verschwindet sie, woran könnte das liegen?

                                      kästchen bei persitent (dauernd) aktivieren, steht auch schon in der Doku ;)

                                      1. Wie muss ich die verschiedenen Seiten bei einem Untermenü eintragen? Momentan habe ich es, wie auf dem Bild bei Tab[5], leider wird mir da nichts angezeigt.

                                      c4eafc0b-0d4b-4d51-ad2a-77c2ac412edb-image.png

                                      Welche Version nutzt du? Falls ein Leerzeichen vor dem '|' das mal entfernen.
                                      Falls das nicht hilft das widget nochmal komplett neu aufbauen, hab da zur letzten Version ziemlich was geändert.

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

                                        Hallo @Scrounger ,

                                        ich finde den Adapter genial, danke für die Arbeit die du da hinein steckst.

                                        Allerdings hätte ich da noch ein paar Fragen dazu:

                                        1. Wenn ich aus der Navigation eine Seite aufrufe, wird sie mir angezeigt, aber nach ca 1 Minute verschwindet sie, woran könnte das liegen?

                                        kästchen bei persitent (dauernd) aktivieren, steht auch schon in der Doku ;)

                                        1. Wie muss ich die verschiedenen Seiten bei einem Untermenü eintragen? Momentan habe ich es, wie auf dem Bild bei Tab[5], leider wird mir da nichts angezeigt.

                                        c4eafc0b-0d4b-4d51-ad2a-77c2ac412edb-image.png

                                        Welche Version nutzt du? Falls ein Leerzeichen vor dem '|' das mal entfernen.
                                        Falls das nicht hilft das widget nochmal komplett neu aufbauen, hab da zur letzten Version ziemlich was geändert.

                                        O Online
                                        O Online
                                        Oli
                                        schrieb am zuletzt editiert von Oli
                                        #189

                                        @Scrounger

                                        ich habe zur Zeit die Version 01.1, Leerzeichen sind keine vorhanden.

                                        Gruß
                                        Oliver

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • O Oli

                                          @Scrounger

                                          ich habe zur Zeit die Version 01.1, Leerzeichen sind keine vorhanden.

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

                                          @Oli
                                          Aktualisier mal auf Versio 0.1.2, danach Widget löschen und neu aufbauen.

                                          <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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          807

                                          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