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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

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

Scheduled Pinned Locked Moved Visualisierung
vis
191 Posts 22 Posters 31.4k 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.
  • D Offline
    D Offline
    der-eine
    wrote on last edited by
    #132

    Danke für eure Views haben alle etwas was ich übernehmen werde! :+1:

    @Uhula wenn das nur ein PopUp ist, wie sieht denn der ganze View aus?

    @Tirador was verbirgt sich den hinter dem Zahnrad und Hue?

    @ Pittini die Übersicht ist eine gute Idee :+1: Die Watt zahlen sind Bindings im html basic Widget?

    P 1 Reply Last reply
    0
    • D der-eine

      Danke für eure Views haben alle etwas was ich übernehmen werde! :+1:

      @Uhula wenn das nur ein PopUp ist, wie sieht denn der ganze View aus?

      @Tirador was verbirgt sich den hinter dem Zahnrad und Hue?

      @ Pittini die Übersicht ist eine gute Idee :+1: Die Watt zahlen sind Bindings im html basic Widget?

      P Offline
      P Offline
      Pittini
      Developer
      wrote on last edited by
      #133

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

      Die Watt zahlen sind Bindings im html basic Widget?

      Nein, das sind Basic Number Widgets, da kann man ja Texte davor und dahinter hängen.

      D 1 Reply Last reply
      0
      • P Pittini

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

        Die Watt zahlen sind Bindings im html basic Widget?

        Nein, das sind Basic Number Widgets, da kann man ja Texte davor und dahinter hängen.

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

        @Pittini alles klar. Danke. :+1:

        1 Reply Last reply
        0
        • D Offline
          D Offline
          der-eine
          wrote on last edited by
          #135

          Neue Version der VIS mit Bildern im 1. Post

          UhulaU 1 Reply Last reply
          0
          • D der-eine

            Neue Version der VIS mit Bildern im 1. Post

            UhulaU Offline
            UhulaU Offline
            Uhula
            wrote on last edited by
            #136

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

            Neue Version der VIS mit Bildern im 1. Post

            Sehr schön, lediglich die raised-Buttons (z.B. bei play) gefallen mir nicht, flat wäre hier mein Favorit.

            Uhula - Leise und Weise
            Ex: ioBroker on Gigabyte NUC Proxmox

            D 1 Reply Last reply
            0
            • UhulaU Uhula

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

              Neue Version der VIS mit Bildern im 1. Post

              Sehr schön, lediglich die raised-Buttons (z.B. bei play) gefallen mir nicht, flat wäre hier mein Favorit.

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

              @Uhula danke Dir. :grinning:
              ist ja zu 99% Deine Arbeit. :wink:

              1 Reply Last reply
              0
              • D der-eine

                @heinzie komische das das iobroker Zeichen und Smarthome bei Dir unten steht.
                Wo rufst Du aktuell die VIS auf? PC oder Handy?

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

                @der-eine @heinzie Ich habe auch das Problem, dass das Menü blau ist und die Links nicht funktioniert. Wie war bei Euch die Lösung dieses Problems? Das Smarthome steht aber bei mir an der richtigen Stelle. Ich zeige es im Firefox auf dem PC an mit einer Bildschirmeinstellung fürs Iphone 6/7/8.
                Könnt ihr mir noch ein aktuelleres Projekt bereitstellen?

                Gruß 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 @heinzie Ich habe auch das Problem, dass das Menü blau ist und die Links nicht funktioniert. Wie war bei Euch die Lösung dieses Problems? Das Smarthome steht aber bei mir an der richtigen Stelle. Ich zeige es im Firefox auf dem PC an mit einer Bildschirmeinstellung fürs Iphone 6/7/8.
                  Könnt ihr mir noch ein aktuelleres Projekt bereitstellen?

                  Gruß klausiob

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

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

                  K 1 Reply Last reply
                  0
                  • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          765

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe