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

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

[Material Design CSS / MDCSS V2] Vis-Views zur Inspiration

Scheduled Pinned Locked Moved Visualisierung
vis
191 Posts 22 Posters 31.3k 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.
  • 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
    wrote on last edited by
    #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 Replies Last reply
    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.
      wrote on last edited by
      #178

      @deta

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

      1 Reply Last reply
      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
        wrote on last edited by
        #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 Reply Last reply
        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
          wrote on last edited by
          #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 Replies Last reply
          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.
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #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 Reply Last reply
                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
                  wrote on last edited by
                  #184

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

                  1 Reply Last reply
                  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
                    wrote on last edited by mabeca96
                    #185

                    Hat sich erledigt

                    D 1 Reply Last reply
                    0
                    • M mabeca96

                      Hat sich erledigt

                      D Offline
                      D Offline
                      der-eine
                      wrote on last edited by
                      #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 Reply Last reply
                      0
                      • D Offline
                        D Offline
                        der-eine
                        wrote on last edited by
                        #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 Reply Last reply
                        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
                          wrote on last edited by 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 Reply Last reply
                          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
                            wrote on last edited by 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 Reply Last reply
                            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
                              wrote on last edited by
                              #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 Reply Last reply
                              1
                              • sigi234S sigi234

                                @der-eine

                                So was ähnliches gibt es bei Jarvis.

                                D Offline
                                D Offline
                                der-eine
                                wrote on last edited by
                                #191

                                @sigi234

                                danke schau ich mir an. :+1:

                                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

                                733

                                Online

                                32.6k

                                Users

                                82.2k

                                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