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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
191 Beiträge 22 Kommentatoren 29.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.
  • 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
    schrieb am zuletzt editiert von
    #137

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

    1 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #139

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

        K 1 Antwort Letzte Antwort
        0
        • T Offline
          T Offline
          Tirador
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antworten Letzte Antwort
              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
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #145

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

                    1 Antwort Letzte Antwort
                    0
                    • D der-eine

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

                      K Offline
                      K Offline
                      klausiob
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #154

                                      @Tirador super. :+1:

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

                                      1 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von 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 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

                                          805

                                          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