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. Visualisierung
  4. [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration

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 CSS / MDCSS V2] Vis-Views zur Inspiration

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
191 Beiträge 22 Kommentatoren 29.4k 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.
  • D deta

    @der-eine sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

    Hast Du auch wie im ersten Post von mir erwähnt den Namen deines Projektes im Projekt angepasst?

    Sorry das ich ggf. Nerve, muss man doch noch was installieren? Projektes? Wie? Ich blick da nicht durch. Hab hin und her gelesen und immer verworrender...
    Bis jetzt hab ich nur deine Datei importiert. Klar die start, aber da fehlt einiges. Die Datei project.css finde ich nicht. Denke hier muss doch noch was installiert werden.

    Dominik F.D Offline
    Dominik F.D Offline
    Dominik F.
    schrieb am zuletzt editiert von Dominik F.
    #176

    @deta

    Auf der rechten Seite in Vis siehst du die Reiter View, Widget, CSS und Skript. Unter CSS fügst du den Code für projekt.css ein, unter Skript den für Skript.js

    Wenn du dir die Demo herunter lädst und einfügst, dann ist das aber schon vorhanden. Du musst nur die Demo als neues Projekt anlegen und richtig benennen.

    D 1 Antwort Letzte Antwort
    0
    • Dominik F.D Dominik F.

      @deta

      Auf der rechten Seite in Vis siehst du die Reiter View, Widget, CSS und Skript. Unter CSS fügst du den Code für projekt.css ein, unter Skript den für Skript.js

      Wenn du dir die Demo herunter lädst und einfügst, dann ist das aber schon vorhanden. Du musst nur die Demo als neues Projekt anlegen und richtig benennen.

      D Offline
      D Offline
      deta
      Most Active
      schrieb am zuletzt editiert von
      #177

      @Dominik-F Jup just the moment gefunden gehabt! Wow. das wird wohl etwas dauern bis ich da durch bin. Danke noch mal jetzt sieht es schon besser aus.

      Dominik F.D P 2 Antworten Letzte Antwort
      0
      • D deta

        @Dominik-F Jup just the moment gefunden gehabt! Wow. das wird wohl etwas dauern bis ich da durch bin. Danke noch mal jetzt sieht es schon besser aus.

        Dominik F.D Offline
        Dominik F.D Offline
        Dominik F.
        schrieb am zuletzt editiert von
        #178

        @deta

        Sehr gut, arbeite dich erstmal durch die Demo und dann kannst du das später sehr einfach auf dein Projekt anwenden.

        1 Antwort Letzte Antwort
        0
        • D deta

          @Dominik-F Jup just the moment gefunden gehabt! Wow. das wird wohl etwas dauern bis ich da durch bin. Danke noch mal jetzt sieht es schon besser aus.

          P Offline
          P Offline
          Pittini
          Developer
          schrieb am zuletzt editiert von
          #179

          @deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

          D 1 Antwort Letzte Antwort
          0
          • P Pittini

            @deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

            D Offline
            D Offline
            deta
            Most Active
            schrieb am zuletzt editiert von
            #180

            @Pittini sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

            @deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

            Ich brauche was auf dem Handy, und nicht auf dem Desktop.

            Dominik F.D E 2 Antworten Letzte Antwort
            0
            • D deta

              @Pittini sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

              @deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

              Ich brauche was auf dem Handy, und nicht auf dem Desktop.

              Dominik F.D Offline
              Dominik F.D Offline
              Dominik F.
              schrieb am zuletzt editiert von
              #181

              @deta

              Das schöne an mdui css ist ja, dass du es responsive gestalten kannst. Du gehst von der Auflösung von deinem Handy aus und gestatlest es dann so, dass du es für beides nutzen kannst. Du kannst also Pitinis Vorlage für beides nutzen.

              1 Antwort Letzte Antwort
              0
              • D deta

                @Pittini sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                @deta Ich versteh grad nicht so ganz Dein Problem. Du hast doch das HeatingControl Vis Projekt von mir installiert, das ist doch ein vollwertiges Projekt, mit all dem Zeug was Du jetzt versuchst auf die Reihe zu kriegen. Warum nimmst das nicht als Vorlage und baust drauf auf?

                Ich brauche was auf dem Handy, und nicht auf dem Desktop.

                E Offline
                E Offline
                eMd
                schrieb am zuletzt editiert von
                #182

                @deta
                Also ich nutze seine Vorlage auf dem Handy falls ich mal was an den Profilen ändern muss. Das klappt wunderbar...

                MfG
                eMd

                Master: Intel NUC 16GB/500GB
                Slave: Raspberry Pi 3 + Homematicmodul
                Shelly, Google Home, Zigbee Aqara, Sonoff

                Meine VIS: https://youtu.be/JMYr2KYlpME

                1 Antwort Letzte Antwort
                0
                • D der-eine

                  Hallo zusammen,

                  dieser Post ist für alle VIS-Views gedacht, die auf der Basis von Uhulas Material Design Styles aufgebaut wurden.
                  Bitte auch nur Views vorstellen, die die unterstützten Widgets, Skripte und Codes verwenden.
                  Diese Beiträge sollen zur Vorstellung, Inspiration und Ideengebung dienen.
                  Danke an Uhula, dass er uns diesen Style zur Verfügung stellt!
                  Link zum [Projekt] MDCSS V2:
                  https://forum.iobroker.net/topic/30363/projekt-mdcss-v2-material-design-css-version-2
                  Github Link mit Anleitung, Vorlagen, Wiki...:
                  https://github.com/Uhula/ioBroker-Material-Design-Style
                  Viel Spaß damit :)

                  Hier mal die ersten Eindrücke meiner VIS:

                  Bildschirmfoto 2020-05-08 um 11.08.36.png Bildschirmfoto 2020-05-08 um 11.10.01.png Bildschirmfoto 2020-05-08 um 11.05.10.png Bildschirmfoto 2020-05-08 um 11.05.43.png Bildschirmfoto 2020-05-08 um 11.05.53.png Bildschirmfoto 2020-05-08 um 11.06.00.png Bildschirmfoto 2020-05-08 um 11.06.10.png Bildschirmfoto 2020-05-08 um 11.06.27.png Bildschirmfoto 2020-05-08 um 11.06.36.png Bildschirmfoto 2020-05-08 um 11.07.07.png Bildschirmfoto 2020-05-08 um 11.07.54.png Bildschirmfoto 2020-05-08 um 11.07.28.png Bildschirmfoto 2020-05-08 um 11.07.54.png Bildschirmfoto 2020-05-08 um 11.08.10.png Bildschirmfoto 2020-05-08 um 11.08.20.png Bildschirmfoto 2020-05-08 um 11.08.52.png Bildschirmfoto 2020-05-08 um 11.09.18.png Bildschirmfoto 2020-05-08 um 11.09.38.png Bildschirmfoto 2020-05-08 um 11.09.45.png

                  VIS vom 07.07.2020
                  Änderungen:

                  • Neue Config eingefügt
                  • lnav von MD-Demo eingefügt (Datum, Uhrzeit, jetzt öffnet und schliesst sie auch wie gewollt)
                  • mdui-order auf jeder card angepasst
                  • title-color zu den Texten hinzugefügt
                  • tnav und andere Schriftzüge für Tablets angepasst
                  • diverse kleinere Veränderungen

                  http://gofile.me/6HXaS/GrdK2OZTy
                  PW: ioBroker

                  Edit: 28.03.2020

                  Bei Problemen und nicht funktionieren Views bitte als erstes prüfen ob:

                    1. Unter Eigenschaften CSS im Projekt das Material Design CSS vorhanden ist.
                      https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/source/project.css
                    1. Für die Icons der Pfad zum Namen des VIS-Projekts stimmt hier VIS-iPhone

                  Bildschirmfoto 2020-03-28 um 14.08.16.png

                    1. Eigenschaften Skripte das Material Design CSS Skript hinterlegt ist
                      https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/source/script.js

                  Bildschirmfoto 2020-03-28 um 14.11.51.png

                    1. Eigenschaften CSS Global entweder nichts oder das von Material Design CSS hinterlegt ist
                      https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/source/global.css

                  Bildschirmfoto 2020-03-28 um 14.13.11.png

                    1. Der Adapter "iobroker.vis-material" nicht installiert ist.

                  Danke!!!!

                  D Offline
                  D Offline
                  deta
                  Most Active
                  schrieb am zuletzt editiert von
                  #183

                  @der-eine Hab so langsam den Sinn dahinter verstanden.
                  Werde mir die Tage das genauer mal alles anschauen. Danke allen erst mal.

                  D 1 Antwort Letzte Antwort
                  0
                  • D deta

                    @der-eine Hab so langsam den Sinn dahinter verstanden.
                    Werde mir die Tage das genauer mal alles anschauen. Danke allen erst mal.

                    D Offline
                    D Offline
                    der-eine
                    schrieb am zuletzt editiert von
                    #184

                    @deta sehr gut. :+1: bei fragen einfach melden.

                    1 Antwort Letzte Antwort
                    0
                    • D der-eine

                      Hallo zusammen,

                      dieser Post ist für alle VIS-Views gedacht, die auf der Basis von Uhulas Material Design Styles aufgebaut wurden.
                      Bitte auch nur Views vorstellen, die die unterstützten Widgets, Skripte und Codes verwenden.
                      Diese Beiträge sollen zur Vorstellung, Inspiration und Ideengebung dienen.
                      Danke an Uhula, dass er uns diesen Style zur Verfügung stellt!
                      Link zum [Projekt] MDCSS V2:
                      https://forum.iobroker.net/topic/30363/projekt-mdcss-v2-material-design-css-version-2
                      Github Link mit Anleitung, Vorlagen, Wiki...:
                      https://github.com/Uhula/ioBroker-Material-Design-Style
                      Viel Spaß damit :)

                      Hier mal die ersten Eindrücke meiner VIS:

                      Bildschirmfoto 2020-05-08 um 11.08.36.png Bildschirmfoto 2020-05-08 um 11.10.01.png Bildschirmfoto 2020-05-08 um 11.05.10.png Bildschirmfoto 2020-05-08 um 11.05.43.png Bildschirmfoto 2020-05-08 um 11.05.53.png Bildschirmfoto 2020-05-08 um 11.06.00.png Bildschirmfoto 2020-05-08 um 11.06.10.png Bildschirmfoto 2020-05-08 um 11.06.27.png Bildschirmfoto 2020-05-08 um 11.06.36.png Bildschirmfoto 2020-05-08 um 11.07.07.png Bildschirmfoto 2020-05-08 um 11.07.54.png Bildschirmfoto 2020-05-08 um 11.07.28.png Bildschirmfoto 2020-05-08 um 11.07.54.png Bildschirmfoto 2020-05-08 um 11.08.10.png Bildschirmfoto 2020-05-08 um 11.08.20.png Bildschirmfoto 2020-05-08 um 11.08.52.png Bildschirmfoto 2020-05-08 um 11.09.18.png Bildschirmfoto 2020-05-08 um 11.09.38.png Bildschirmfoto 2020-05-08 um 11.09.45.png

                      VIS vom 07.07.2020
                      Änderungen:

                      • Neue Config eingefügt
                      • lnav von MD-Demo eingefügt (Datum, Uhrzeit, jetzt öffnet und schliesst sie auch wie gewollt)
                      • mdui-order auf jeder card angepasst
                      • title-color zu den Texten hinzugefügt
                      • tnav und andere Schriftzüge für Tablets angepasst
                      • diverse kleinere Veränderungen

                      http://gofile.me/6HXaS/GrdK2OZTy
                      PW: ioBroker

                      Edit: 28.03.2020

                      Bei Problemen und nicht funktionieren Views bitte als erstes prüfen ob:

                        1. Unter Eigenschaften CSS im Projekt das Material Design CSS vorhanden ist.
                          https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/source/project.css
                        1. Für die Icons der Pfad zum Namen des VIS-Projekts stimmt hier VIS-iPhone

                      Bildschirmfoto 2020-03-28 um 14.08.16.png

                        1. Eigenschaften Skripte das Material Design CSS Skript hinterlegt ist
                          https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/source/script.js

                      Bildschirmfoto 2020-03-28 um 14.11.51.png

                        1. Eigenschaften CSS Global entweder nichts oder das von Material Design CSS hinterlegt ist
                          https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/source/global.css

                      Bildschirmfoto 2020-03-28 um 14.13.11.png

                        1. Der Adapter "iobroker.vis-material" nicht installiert ist.

                      Danke!!!!

                      M Offline
                      M Offline
                      mabeca96
                      schrieb am zuletzt editiert von mabeca96
                      #185

                      Hat sich erledigt

                      D 1 Antwort Letzte Antwort
                      0
                      • M mabeca96

                        Hat sich erledigt

                        D Offline
                        D Offline
                        der-eine
                        schrieb am zuletzt editiert von
                        #186

                        @mabeca96 die Werte werden mit influxDB geloggt und mit Grafana visualisiert. Hier eine schriftliche Anleitung:
                        Blog

                        oder etwas ausführlich im Video:
                        Video

                        Gruß

                        1 Antwort Letzte Antwort
                        0
                        • D Offline
                          D Offline
                          der-eine
                          schrieb am zuletzt editiert von
                          #187

                          Guten Morgen zusammen,

                          nach einem Umzug und ca. 2 Jahre Pause würde ich gerne meine VIS auf die neuen Gegebenheiten umbauen.
                          Beim wem von euch läuft immer noch das Material Design CSS von Uhula?
                          Hat jemand das Kalender Widget von Scrounger integrieren können und läuft bei euch der Message Handler noch?
                          Den hab ich leider auf die schnell nicht zum laufen gebracht...
                          Würde mich sehr freuen, wenn hier noch jemand aktiv ist und mich ein wenig unterstützen könnte. :blush:

                          Danke und einen schönen Start in die neue Woche wünsche ich euch!
                          VG
                          der-eine

                          sigi234S 1 Antwort Letzte Antwort
                          0
                          • D der-eine

                            Guten Morgen zusammen,

                            nach einem Umzug und ca. 2 Jahre Pause würde ich gerne meine VIS auf die neuen Gegebenheiten umbauen.
                            Beim wem von euch läuft immer noch das Material Design CSS von Uhula?
                            Hat jemand das Kalender Widget von Scrounger integrieren können und läuft bei euch der Message Handler noch?
                            Den hab ich leider auf die schnell nicht zum laufen gebracht...
                            Würde mich sehr freuen, wenn hier noch jemand aktiv ist und mich ein wenig unterstützen könnte. :blush:

                            Danke und einen schönen Start in die neue Woche wünsche ich euch!
                            VG
                            der-eine

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

                            @der-eine sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                            Guten Morgen zusammen,
                            nach einem Umzug und ca. 2 Jahre Pause würde ich gerne meine VIS auf die neuen Gegebenheiten umbauen.

                            Es wird vis-2 geben und Vis wird nicht mehr weiter entwickelt.(soweit ich weis)

                            https://forum.iobroker.net/topic/67676/vis-2-0-neuer-adapter-als-beta?_=1698020036028

                            Ob MDCSS oder das Kalender Widget in VIS-2 gehen wird kann nur der jeweilige Entwickler sagen.

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

                            D 1 Antwort Letzte Antwort
                            0
                            • sigi234S sigi234

                              @der-eine sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                              Guten Morgen zusammen,
                              nach einem Umzug und ca. 2 Jahre Pause würde ich gerne meine VIS auf die neuen Gegebenheiten umbauen.

                              Es wird vis-2 geben und Vis wird nicht mehr weiter entwickelt.(soweit ich weis)

                              https://forum.iobroker.net/topic/67676/vis-2-0-neuer-adapter-als-beta?_=1698020036028

                              Ob MDCSS oder das Kalender Widget in VIS-2 gehen wird kann nur der jeweilige Entwickler sagen.

                              D Offline
                              D Offline
                              der-eine
                              schrieb am zuletzt editiert von der-eine
                              #189

                              @sigi234 Danke für die Rückmeldung.

                              Habe schon gehört, dass VIS2 in der Entwicklung ist. Wollte nur meine alte VIS soweit umbauen, damit sie wieder zum Haus passt und soweit nutzen bis es was vergleichbares gibt das mir genau so gut gefällt.

                              Da es vermutlich kaum einen hier im Forum gibt, der sich so viel mit den unterschiedlichen Projekten der Visualisierung beschäftigt wie Du, weißt Du ob es sowas wie den Message Handler in einem anderen Projekt gibt? Hätte gerne wieder ein Informationssystem mit kleinen Pushnachrichten.

                              Danke und Gruß

                              sigi234S 1 Antwort Letzte Antwort
                              0
                              • D der-eine

                                @sigi234 Danke für die Rückmeldung.

                                Habe schon gehört, dass VIS2 in der Entwicklung ist. Wollte nur meine alte VIS soweit umbauen, damit sie wieder zum Haus passt und soweit nutzen bis es was vergleichbares gibt das mir genau so gut gefällt.

                                Da es vermutlich kaum einen hier im Forum gibt, der sich so viel mit den unterschiedlichen Projekten der Visualisierung beschäftigt wie Du, weißt Du ob es sowas wie den Message Handler in einem anderen Projekt gibt? Hätte gerne wieder ein Informationssystem mit kleinen Pushnachrichten.

                                Danke und Gruß

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

                                @der-eine

                                So was ähnliches gibt es bei Jarvis.

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

                                D 1 Antwort Letzte Antwort
                                1
                                • sigi234S sigi234

                                  @der-eine

                                  So was ähnliches gibt es bei Jarvis.

                                  D Offline
                                  D Offline
                                  der-eine
                                  schrieb am zuletzt editiert von
                                  #191

                                  @sigi234

                                  danke schau ich mir an. :+1:

                                  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

                                  575

                                  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