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

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

  • 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.
  • T Offline
    T Offline
    Tirador
    wrote on last edited by
    #140

    @der-eine Du nutzt ja auch die Grafana Charts. Ich experimentiere gerade damit. Gibt es eine Möglichkeit das Diagramm standardmäßig auf eine Zeit einzustellen. Wenn ich in den Einstellungen etwas veränder gilt das ja nur für den aktuellen Aufruf der Seite. Ich möchte das Chart beim Aufruf z.B. standardmäßig auf 24 h einzustellen.

    D 1 Reply Last reply
    0
    • T Tirador

      @der-eine Du nutzt ja auch die Grafana Charts. Ich experimentiere gerade damit. Gibt es eine Möglichkeit das Diagramm standardmäßig auf eine Zeit einzustellen. Wenn ich in den Einstellungen etwas veränder gilt das ja nur für den aktuellen Aufruf der Seite. Ich möchte das Chart beim Aufruf z.B. standardmäßig auf 24 h einzustellen.

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

      @Tirador ja, im Diagramm oben rechts auf 24 h stellen.

      5C17537C-9A18-4FB5-BB1D-51B2D0D6C303.jpeg

      danach speichern nicht vergessen.

      So sieht mein Link aus. Wenn Du den Teil nach „panelId=2“ bei Dir an der gleichen Stelle eingügst, sollte es auch gehen.

      http://192.168.178.51:3000/d/_d38voQWk/wohnung?orgId=1&fullscreen&panelId=2&from=now-1d&to=now-0d&var-src=RAL-LCG2&kiosk&refresh=1m

      T 1 Reply Last reply
      0
      • D der-eine

        @Tirador ja, im Diagramm oben rechts auf 24 h stellen.

        5C17537C-9A18-4FB5-BB1D-51B2D0D6C303.jpeg

        danach speichern nicht vergessen.

        So sieht mein Link aus. Wenn Du den Teil nach „panelId=2“ bei Dir an der gleichen Stelle eingügst, sollte es auch gehen.

        http://192.168.178.51:3000/d/_d38voQWk/wohnung?orgId=1&fullscreen&panelId=2&from=now-1d&to=now-0d&var-src=RAL-LCG2&kiosk&refresh=1m

        T Offline
        T Offline
        Tirador
        wrote on last edited by
        #142

        @der-eine Das Problem an dieser Lösung ist, dass ich dann nicht mehr dynamisch umschalten kann, weil die Parameter ja statisch im Link vorgegeben sind.

        D 2 Replies Last reply
        0
        • T Tirador

          @der-eine Das Problem an dieser Lösung ist, dass ich dann nicht mehr dynamisch umschalten kann, weil die Parameter ja statisch im Link vorgegeben sind.

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

          @Tirador

          Wenn Du es über Grafana selber probierst? Also oben rechts die Einstellung.
          Bildschirmfoto 2020-05-21 um 12.38.49.png

          T 1 Reply Last reply
          0
          • T Tirador

            @der-eine Das Problem an dieser Lösung ist, dass ich dann nicht mehr dynamisch umschalten kann, weil die Parameter ja statisch im Link vorgegeben sind.

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

            @Tirador Wenn ich das bei mir ausprobiere funktioniert das umschalten der Zeiten obwohl im Link die Zeitangabe mit angegeben ist.
            Im MD_Demo ist es auch so angegeben.

            T 1 Reply Last reply
            0
            • D der-eine

              @Tirador Wenn ich das bei mir ausprobiere funktioniert das umschalten der Zeiten obwohl im Link die Zeitangabe mit angegeben ist.
              Im MD_Demo ist es auch so angegeben.

              T Offline
              T Offline
              Tirador
              wrote on last edited by
              #145

              @der-eine Hmm. Schaue mir das MD Demo nochmal genauer an.

              1 Reply Last reply
              0
              • D der-eine

                @klausiob im ersten Post ist der Stand meiner aktuellen VIS.

                K Offline
                K Offline
                klausiob
                wrote on last edited by
                #146

                @der-eine OK die habe ich, und hast Du ein Tipp, weil ich auch das lnav-Menue blau sehe und die Links nicht funktionieren? Das iPhone-Vis ist von Dir und das Handy-Vis von Dominik?
                OK dann nehme ich das vom 8.5.2020.
                Danke klausiob

                Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                D 1 Reply Last reply
                0
                • K klausiob

                  @der-eine OK die habe ich, und hast Du ein Tipp, weil ich auch das lnav-Menue blau sehe und die Links nicht funktionieren? Das iPhone-Vis ist von Dir und das Handy-Vis von Dominik?
                  OK dann nehme ich das vom 8.5.2020.
                  Danke klausiob

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

                  @klausiob weiß ehrlich gesagt nicht was Du mit dem blauen Menü meinst? In lnav in dem Einstellungen kannst du die Farben ändern. Oder meinst Du das die lnav nicht schließt wenn du einen Eintrag anklickst?

                  K 1 Reply Last reply
                  0
                  • D der-eine

                    @klausiob weiß ehrlich gesagt nicht was Du mit dem blauen Menü meinst? In lnav in dem Einstellungen kannst du die Farben ändern. Oder meinst Du das die lnav nicht schließt wenn du einen Eintrag anklickst?

                    K Offline
                    K Offline
                    klausiob
                    wrote on last edited by
                    #148

                    @der-eine Bild Text
                    wie schon bei @heinzie keine Links drauf, Einstellungen lassen sich nicht anklicken.

                    Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                    node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                    D 1 Reply Last reply
                    0
                    • K klausiob

                      @der-eine Bild Text
                      wie schon bei @heinzie keine Links drauf, Einstellungen lassen sich nicht anklicken.

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

                      @klausiob ok, hast Du die Widgets von scrounger installiert? Das war das Problem vom heinzie wenn das der falls ist musst du diese deinstallieren denn diese verwenden eine veraltete Version von MDCSS.

                      K 1 Reply Last reply
                      0
                      • D der-eine

                        @klausiob ok, hast Du die Widgets von scrounger installiert? Das war das Problem vom heinzie wenn das der falls ist musst du diese deinstallieren denn diese verwenden eine veraltete Version von MDCSS.

                        K Offline
                        K Offline
                        klausiob
                        wrote on last edited by klausiob
                        #150

                        @der-eine mmm, ich habe nichts weiter installiert. Nur Dein Projekt importiert. WAs sind das für Widgets?

                        Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                        node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                        D 1 Reply Last reply
                        0
                        • K klausiob

                          @der-eine mmm, ich habe nichts weiter installiert. Nur Dein Projekt importiert. WAs sind das für Widgets?

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

                          @klausiob diese hier:
                          vis-materialdesign

                          irgendwas stört wohl das MDCSS weiß aber leider nicht was es noch sein könnte.

                          K 1 Reply Last reply
                          0
                          • D der-eine

                            @Tirador

                            Wenn Du es über Grafana selber probierst? Also oben rechts die Einstellung.
                            Bildschirmfoto 2020-05-21 um 12.38.49.png

                            T Offline
                            T Offline
                            Tirador
                            wrote on last edited by
                            #152

                            @der-eine Ich habe es jetzt hinbekommen. Dämlicherweise hatte ich die Parameter zweimal im Link drin (from/to). Jetzt klappt es! :)

                            D 1 Reply Last reply
                            0
                            • D der-eine

                              @klausiob diese hier:
                              vis-materialdesign

                              irgendwas stört wohl das MDCSS weiß aber leider nicht was es noch sein könnte.

                              K Offline
                              K Offline
                              klausiob
                              wrote on last edited by klausiob
                              #153

                              @der-eine Habe den Adapter deinstalliert, aber es hat sich nichts geändert. Verzeichnis noch gelöscht. Wird aber im Editor immer noch angezeigt.:astonished: Was nun, noch ein Tipp, reloaden?

                              OK. Reboot hat es gebracht. Jetzt ist der Fehler weg. :blush:

                              Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                              node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                              1 Reply Last reply
                              0
                              • T Tirador

                                @der-eine Ich habe es jetzt hinbekommen. Dämlicherweise hatte ich die Parameter zweimal im Link drin (from/to). Jetzt klappt es! :)

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

                                @Tirador super. :+1:

                                @klausiob richtig. Danach einen reboot machen. Schön das es jetzt läuft.

                                1 Reply Last reply
                                0
                                • Dominik F.D Dominik F.

                                  @der-eine
                                  würdest du mir deine Vis zur Verfügung stellen? Du hast ein paar sehr interessante Views dabei wo ich gerne das ein oder andere bei mir einbauen würde.
                                  Dann poste ich hier auch mal meine Vis.
                                  Edit: Gerade gemerkt, ihr müsst die Views von hinten nach vorne anklicken damit es etwas Sinn ergibt^^
                                  Screenshot_20200319_204412_com.android.chrome.jpg Screenshot_20200319_204407_com.android.chrome.jpg Screenshot_20200319_204345_com.android.chrome.jpg Screenshot_20200319_204320_com.android.chrome.jpg Screenshot_20200319_204316_com.android.chrome.jpg Screenshot_20200319_204310_com.android.chrome.jpg Screenshot_20200319_204245_com.android.chrome.jpg Screenshot_20200319_204241_com.android.chrome.jpg Screenshot_20200319_204158_com.android.chrome.jpg Screenshot_20200319_204146_com.android.chrome.jpg Screenshot_20200319_204135_com.android.chrome.jpg Screenshot_20200319_204131_com.android.chrome.jpg Screenshot_20200319_204124_com.android.chrome.jpg Screenshot_20200319_204118_com.android.chrome.jpg Screenshot_20200319_204058_com.android.chrome.jpg Screenshot_20200319_204045_com.android.chrome.jpg

                                  K Offline
                                  K Offline
                                  klausiob
                                  wrote on last edited by klausiob
                                  #155

                                  @Dominik-F Bei meinem Samsung S5 sind Deine Cards im Chrombrowser etwas zu breit, während sie bei @der-eine im iPhone-Projekt genau stimmen. Wo muß man da rum drehen, damit das passt? Habe schon bei Auflösung im Editor S5 eingestellt und default angeklickt oder muß man hier ins CSS gehen. Welchen Browser nutzt ihr auf dem Handy?

                                  Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                                  node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                                  D 1 Reply Last reply
                                  0
                                  • K klausiob

                                    @Dominik-F Bei meinem Samsung S5 sind Deine Cards im Chrombrowser etwas zu breit, während sie bei @der-eine im iPhone-Projekt genau stimmen. Wo muß man da rum drehen, damit das passt? Habe schon bei Auflösung im Editor S5 eingestellt und default angeklickt oder muß man hier ins CSS gehen. Welchen Browser nutzt ihr auf dem Handy?

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

                                    @klausiob ja das musst Du im CSS anpassen. Schau mal in der Anleitung Ab Seite 18 Responsive Design da wird es erklärt.

                                    K 1 Reply Last reply
                                    0
                                    • D der-eine

                                      @klausiob ja das musst Du im CSS anpassen. Schau mal in der Anleitung Ab Seite 18 Responsive Design da wird es erklärt.

                                      K Offline
                                      K Offline
                                      klausiob
                                      wrote on last edited by klausiob
                                      #157

                                      @der-eine Die Anleitung habe ich wohl übersehen. @Uhula war ja sooo fleißig in Doku, Video, Hilfen. Das kommt ja nicht so oft vor in der IT:+1: . Danke an ihn.
                                      Damit andere nicht auch so lange suchen müssen, wie ich, in der contpageStart usw. in der css-Klasse folgendes abändern:
                                      cols-5-toc-6 in cols-4-toc-6. Siehe Tip auf Seite 19 in uhulus Anleitung.pdf. Ich dachte ich müsste direkt im *.CSS was ändern.
                                      Dann werde ich mal

                                      Pi4B, Pi3B+, Master-Slave, EchoPlus, 3xEchoDot, FireTVstick, Xiaomi Sensoren, Fritzbox, DECT200, HS100, ZBT-ExtendedColor (ALDI), Shelly 2.5, 2xZigBee-Router-Plugs, Sileno 500 smart, Somfy switch, IONIQ5, tibber
                                      node.js: 22.21.0 - npm: 10.9.4 - linux: raspbian-trixie - admin 7.7.19 - vis 1.5.6 - js-controller: 7.0.7

                                      1 Reply Last reply
                                      0
                                      • F Offline
                                        F Offline
                                        FrenkyIO
                                        wrote on last edited by FrenkyIO
                                        #158

                                        So ich lad auch mal mein aktuelles Projekt hoch. Habe jetzt nur Screenshots von eventuell interessannten Views hochgeladen. Die restlichen Views sind von hier kopiert oder schon so ähnlich zu finden.

                                        Hier die Bilder:
                                        Screenshot_20200526-134754_Chrome.jpg Screenshot_20200526-134749_Chrome.jpg Screenshot_20200526-134741_Chrome.jpg Screenshot_20200526-134721_Chrome.jpg Screenshot_20200526-134706_Chrome.jpg Screenshot_20200526-134651_Chrome.jpg Screenshot_20200526-134645_Chrome.jpg Screenshot_20200526-134614_Chrome.jpg Screenshot_20200526-134523_Chrome.jpg Screenshot_20200526-134516_Chrome.jpg Screenshot_20200526-134447_Chrome.jpg Screenshot_20200526-134420_Chrome.jpg Screenshot_20200526-134352_Chrome.jpg

                                        Für die Views TV Programm und TV Recorder wird ein TVHeadend-Server benötigt. Läuft bei mir parallel auf dem Pi4.
                                        Für die Farbprofile werden Datenpunkte und ein Skript benötigt. Stelle ich bei Interesse gerne zur Verfügung. (Bin Anfänger, also ist es sehr simpel gehalten).
                                        Fürs Mounten und Unmounten habe ich ein Blockly Skript. Das Gleiche gilt auch für die Schalter der View "Kodi".
                                        Für die Pollenflug-View habe ich den Pollenflug Adapter installiert.

                                        Edit: Über die Instance-ID ("vis.0.control.instance") wird dann das entsprechend gespeicherte Profil geladen. So musste ich nicht mehrere Projekte erstellen. Weil meine Freundin es lieber etwas bunter mag. Ich habe es beispielsweise so gemacht: Nachts Profil "Olli1" (Dunkel), Tagsüber Profil "Olli2" (Hell). Finde ich ganz nett. Sind aber Spielereien.

                                        An dieser Stelle möchte ich mich auch nochmal für alle schon zur Verfügung gestellten Projekte bedanken. Ich habe mir hier sehr viele Ideen geholt. Vielen Dank!

                                        D 1 Reply Last reply
                                        0
                                        • F FrenkyIO

                                          So ich lad auch mal mein aktuelles Projekt hoch. Habe jetzt nur Screenshots von eventuell interessannten Views hochgeladen. Die restlichen Views sind von hier kopiert oder schon so ähnlich zu finden.

                                          Hier die Bilder:
                                          Screenshot_20200526-134754_Chrome.jpg Screenshot_20200526-134749_Chrome.jpg Screenshot_20200526-134741_Chrome.jpg Screenshot_20200526-134721_Chrome.jpg Screenshot_20200526-134706_Chrome.jpg Screenshot_20200526-134651_Chrome.jpg Screenshot_20200526-134645_Chrome.jpg Screenshot_20200526-134614_Chrome.jpg Screenshot_20200526-134523_Chrome.jpg Screenshot_20200526-134516_Chrome.jpg Screenshot_20200526-134447_Chrome.jpg Screenshot_20200526-134420_Chrome.jpg Screenshot_20200526-134352_Chrome.jpg

                                          Für die Views TV Programm und TV Recorder wird ein TVHeadend-Server benötigt. Läuft bei mir parallel auf dem Pi4.
                                          Für die Farbprofile werden Datenpunkte und ein Skript benötigt. Stelle ich bei Interesse gerne zur Verfügung. (Bin Anfänger, also ist es sehr simpel gehalten).
                                          Fürs Mounten und Unmounten habe ich ein Blockly Skript. Das Gleiche gilt auch für die Schalter der View "Kodi".
                                          Für die Pollenflug-View habe ich den Pollenflug Adapter installiert.

                                          Edit: Über die Instance-ID ("vis.0.control.instance") wird dann das entsprechend gespeicherte Profil geladen. So musste ich nicht mehrere Projekte erstellen. Weil meine Freundin es lieber etwas bunter mag. Ich habe es beispielsweise so gemacht: Nachts Profil "Olli1" (Dunkel), Tagsüber Profil "Olli2" (Hell). Finde ich ganz nett. Sind aber Spielereien.

                                          An dieser Stelle möchte ich mich auch nochmal für alle schon zur Verfügung gestellten Projekte bedanken. Ich habe mir hier sehr viele Ideen geholt. Vielen Dank!

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

                                          @FrenkyIO danke fürs teilen. Sieht sehr sauber aus! An dem Skript für die Profile wäre ich interessiert. :+1:

                                          F 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

                                          825

                                          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