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. [Projekt] MDCSS v2: Material Design CSS Version 2

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

[Projekt] MDCSS v2: Material Design CSS Version 2

Scheduled Pinned Locked Moved Visualisierung
material uivismaterial css
717 Posts 74 Posters 183.1k Views 77 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.
  • X xADDRx

    @Dominik-F jetzt habe ich es verstanden... ja natürlich in der Runtime, nicht im Ediitor. Aber es tut sich nichts.

    bei der Demo Version funktioniert es komischerweise

    X Offline
    X Offline
    xADDRx
    wrote on last edited by
    #551

    @xADDRx jetzt geht es, es war wohl was falsches in der CSS Tabelle eingetragen.

    Damit geht es: mdui-card {0_userdata.0.mdui.vis.card_title} mdui-cols-4 mdui-rows-8 mdui-order-1

    Danke

    Sonos, Intel Nuc, Iobroker Pro, Proxmox, IPad Air (Wand), Vis, Xiaomi, Devolo, Bose, Philips Hue, Instar, Synology

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

      @xADDRx jetzt geht es, es war wohl was falsches in der CSS Tabelle eingetragen.

      Damit geht es: mdui-card {0_userdata.0.mdui.vis.card_title} mdui-cols-4 mdui-rows-8 mdui-order-1

      Danke

      Dominik F.D Offline
      Dominik F.D Offline
      Dominik F.
      wrote on last edited by
      #552

      @xADDRx

      Wenn ich mich nicht täusche hat das eigentlich nix mit dem Einklappen zutun bzw gehören die Anweisungen nicht zum Widget. Das sind Anweisungen in der Contview für das View in View Widget die Farbe, Breite, Höhe und Anordnung bestimmen.

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

        @xADDRx

        Wenn ich mich nicht täusche hat das eigentlich nix mit dem Einklappen zutun bzw gehören die Anweisungen nicht zum Widget. Das sind Anweisungen in der Contview für das View in View Widget die Farbe, Breite, Höhe und Anordnung bestimmen.

        X Offline
        X Offline
        xADDRx
        wrote on last edited by
        #553

        @Dominik-F hmmm keine Ahnung, aber so geht es prima :)

        Sonos, Intel Nuc, Iobroker Pro, Proxmox, IPad Air (Wand), Vis, Xiaomi, Devolo, Bose, Philips Hue, Instar, Synology

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

          @Dominik-F hmmm keine Ahnung, aber so geht es prima :)

          Dominik F.D Offline
          Dominik F.D Offline
          Dominik F.
          wrote on last edited by
          #554

          @xADDRx

          Das ist sehr seltsam :D Hast du dein Projekt auch mit card, cont und pageviews aufgebaut?

          X 1 Reply Last reply
          0
          • S Offline
            S Offline
            SMARTY.ML
            wrote on last edited by
            #555

            Hallo,

            ich erstelle gerade innerhalb meines Projektes eine Seite für ein S4 Mini als Remote Control...
            Ich nutze hierzu eine eigene "abar", wo "primary_color" etc. als HTML definiert werden.
            Egal was ich mache (übernahme Standardsettings, Farben fix definieren, ...) übernimmt er mir an dem S4 Mini keine Farben und stellt den Standard ein. Gleiche Seite auf meinem Smartphone oder am PC erscheinen die richtigen Farben und lassen sich wie beschrieben ändern. Als Browser habe ich Fully und Chrome probiert, beides gleich.

            Gibt es eine Abhängigkeit zur Auflösung oder fehlt meinem Handy etwas?

            MFG

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

              @xADDRx

              Das ist sehr seltsam :D Hast du dein Projekt auch mit card, cont und pageviews aufgebaut?

              X Offline
              X Offline
              xADDRx
              wrote on last edited by
              #556

              @Dominik-F jap habe ich :)

              Sonos, Intel Nuc, Iobroker Pro, Proxmox, IPad Air (Wand), Vis, Xiaomi, Devolo, Bose, Philips Hue, Instar, Synology

              H 1 Reply Last reply
              0
              • X xADDRx

                @Dominik-F jap habe ich :)

                H Offline
                H Offline
                heinzie
                wrote on last edited by
                #557

                Hallo,

                habe gerade einmal zum Test die aktuelle MD_Demo.zip installiert.
                Klappt eigentlich auch alles bis auf das Menü Einstellungen in lnav.
                Wenn ich darauf klicke kommt eine Fehlermeldung"error: view not found"

                Jemand eine Idee woran das liegen könnte?

                de359ff1-e8bb-426b-a1fb-8a50eeec5711-grafik.png

                3994300c-8a5a-4d8a-b1e6-ba4b2e703289-grafik.png

                K 1 Reply Last reply
                0
                • H heinzie

                  Hallo,

                  habe gerade einmal zum Test die aktuelle MD_Demo.zip installiert.
                  Klappt eigentlich auch alles bis auf das Menü Einstellungen in lnav.
                  Wenn ich darauf klicke kommt eine Fehlermeldung"error: view not found"

                  Jemand eine Idee woran das liegen könnte?

                  de359ff1-e8bb-426b-a1fb-8a50eeec5711-grafik.png

                  3994300c-8a5a-4d8a-b1e6-ba4b2e703289-grafik.png

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

                  @heinzie Habe zwar keine aktuellen Version. Normalerweise müßte über dem (basic-view in widget acht) noch ein (jqui-Radiobuttons ValueList)-Widget stehen, dass die Views steuert.
                  Siehe Schalter rechts.

                  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

                  H 1 Reply Last reply
                  0
                  • K klausiob

                    @heinzie Habe zwar keine aktuellen Version. Normalerweise müßte über dem (basic-view in widget acht) noch ein (jqui-Radiobuttons ValueList)-Widget stehen, dass die Views steuert.
                    Siehe Schalter rechts.

                    H Offline
                    H Offline
                    heinzie
                    wrote on last edited by
                    #559

                    @klausiob Danke , habe es hinbekommen.

                    H 1 Reply Last reply
                    0
                    • H heinzie

                      @klausiob Danke , habe es hinbekommen.

                      H Offline
                      H Offline
                      heinzie
                      wrote on last edited by heinzie
                      #560

                      Hallo,

                      bei mir fehlen leider die Farbkreise unter\Einstellungen
                      Muss man dafür ggf. noch etwas installieren?

                      a4b22e5f-eb39-4472-aa65-718a925762e1-grafik.png

                      D 1 Reply Last reply
                      0
                      • H heinzie

                        Hallo,

                        bei mir fehlen leider die Farbkreise unter\Einstellungen
                        Muss man dafür ggf. noch etwas installieren?

                        a4b22e5f-eb39-4472-aa65-718a925762e1-grafik.png

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

                        @heinzie nein, aktuelles Skript im Projekt Reiter und die aktuelle VIS von Uhula. Läuft sonst out of the Box.

                        H 1 Reply Last reply
                        0
                        • D der-eine

                          @heinzie nein, aktuelles Skript im Projekt Reiter und die aktuelle VIS von Uhula. Läuft sonst out of the Box.

                          H Offline
                          H Offline
                          heinzie
                          wrote on last edited by
                          #562

                          @der-eine Habe mir sicherheitshalber noch einmal das Beispeilprojekt MD_Simple gealden.
                          Keine Änderungen (nur Pfade angepaßt) , gleicher Fehler. In der script Datei muss ich doch nichts ändern, oder?

                          D 1 Reply Last reply
                          0
                          • H heinzie

                            @der-eine Habe mir sicherheitshalber noch einmal das Beispeilprojekt MD_Simple gealden.
                            Keine Änderungen (nur Pfade angepaßt) , gleicher Fehler. In der script Datei muss ich doch nichts ändern, oder?

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

                            @heinzie Nein nicht das ich wüsste nur die Pfade zu den Icons.
                            Wie sieht es dann bei Dir aus? Mach mal bitte ein Screenshot.

                            H 1 Reply Last reply
                            0
                            • D der-eine

                              @heinzie Nein nicht das ich wüsste nur die Pfade zu den Icons.
                              Wie sieht es dann bei Dir aus? Mach mal bitte ein Screenshot.

                              H Offline
                              H Offline
                              heinzie
                              wrote on last edited by
                              #564

                              @der-eine sieht so aus:
                              be6620a3-187e-4d3d-887a-786fb18a8a16-grafik.png

                              70e87b73-ff83-453f-9268-708cd57faf0a-grafik.png

                              D 1 Reply Last reply
                              0
                              • H heinzie

                                @der-eine sieht so aus:
                                be6620a3-187e-4d3d-887a-786fb18a8a16-grafik.png

                                70e87b73-ff83-453f-9268-708cd57faf0a-grafik.png

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

                                @heinzie schau mal ob Du den Adapter vis-colorpicker installiert hast und wenn nicht installier den mal.

                                H 1 Reply Last reply
                                0
                                • D der-eine

                                  @heinzie schau mal ob Du den Adapter vis-colorpicker installiert hast und wenn nicht installier den mal.

                                  H Offline
                                  H Offline
                                  heinzie
                                  wrote on last edited by
                                  #566

                                  @der-eine sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

                                  @heinzie schau mal ob Du den Adapter vis-colorpicker installiert hast und wenn nicht installier den mal.

                                  Vielen Dank, dass war der Fehler, muss man nur wissen

                                  D 1 Reply Last reply
                                  0
                                  • H heinzie

                                    @der-eine sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

                                    @heinzie schau mal ob Du den Adapter vis-colorpicker installiert hast und wenn nicht installier den mal.

                                    Vielen Dank, dass war der Fehler, muss man nur wissen

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

                                    @heinzie super dann viel Spaß damit.

                                    1 Reply Last reply
                                    0
                                    • UhulaU Uhula
                                      Um ein Feedback zu erhalten wäre es schön, wenn jeder, der das MDCSS v2 nutzt, den 1.Beitrag des Themas positiv bewertet (Pfeil nach oben oder unten ;-) ). Ich kann dann auch abschätzen, ob sich die weitere Pflege lohnt. Thx!

                                      Da das Ursprungsthema MD CSS v1 mit über 600 Antworten schon recht voll ist, starte ich hier zur Version 2 ein neues Thema.

                                      Beim Material Design CSS v2 handelt es sich nicht um einen Adapter mit eigenen Widgets, stattdessen erhalten die Standard-Widgets basic und jqui nur "neue Kleider" und erweiterte Funktionen. Heißt, sie stellen sich im Material Design Style dar.

                                      Bilder sagen mehr, also:
                                      1b41efac-859e-48db-bb8b-fe4964a827b6-image.png 76ff28ed-1e6f-40ba-8865-6b1a03f5ee87-image.png

                                      Einen Demo-Film gibt es hier: Video (MP4-Datei, ca. 64 MB, dort downloaden)

                                      Ein Demo-Projekt für den Import in ioBroker.vis hier: MD_Demo

                                      Ein Simple-Projekt als Basis für eigene Projekte hier: MD_Simple

                                      Das Handbuch wir noch von der v1 auf v2 überarbeitet.

                                      Das GitHub-Projekt gibt es hier GitHub.

                                      Links zu weiteren Beiträgen/Vorlagen hier im Forum zum MD CSS v2:

                                      • Forenthemensuche nach "MDCSS v2"
                                      • [Vorlage] MDCSS v2: ioBroker Log in vis anzeigen
                                      • [Vorlage] MDCSS v2: ping-Adapter in vis anzeigen
                                      • [Vorlage] MDCSS v2: tr-064/devices-Adapter in vis anzeigen
                                      • [Vorlage] MDCSS v2: Homatic-Log in vis anzeigen
                                      • [Vorlage] MDCSS v2: ical Kalendar in vis anzeigen
                                      • [Vorlage] MDCSS v2: Adapter-Instanzen in vis anzeigen
                                      • [Vorlage] MDCSS v2: Backitup Log in vis anzeigen

                                      Hinweis: Dieses Projekt hat nichts mit den tollen Material Design Widgets von @Scrounger zu tun. Dabei handelt es sich um einen eigenen vis-Adapter, beim Material Design CSS nur um CSS und Skriptanweisungen, welche direkt im Projekt verwendet werden.

                                      M Offline
                                      M Offline
                                      Mike Hellracer
                                      wrote on last edited by
                                      #568

                                      @Uhula
                                      Hi, ich habe die Scripts für die Logs und View importiert.
                                      Ical, ioBroker, tr-064, ping sind Ok.
                                      Bei Adapter und BackitUp stimmt die Ansicht der List und Tabelle nicht.
                                      Es wird alles angezeigt und die Filter funktionieren auch.
                                      Aber die Ansicht der Spalten stimmt bei mir nicht . Die erste Zeile mit den Gesamtwerten ist noch OK (Icon und Zusammenfassung) Ab der nächsten Zeile sind Icon und Zusammenfassung weit auseinander.
                                      list.PNG

                                      Dominik F.D 1 Reply Last reply
                                      0
                                      • M Mike Hellracer

                                        @Uhula
                                        Hi, ich habe die Scripts für die Logs und View importiert.
                                        Ical, ioBroker, tr-064, ping sind Ok.
                                        Bei Adapter und BackitUp stimmt die Ansicht der List und Tabelle nicht.
                                        Es wird alles angezeigt und die Filter funktionieren auch.
                                        Aber die Ansicht der Spalten stimmt bei mir nicht . Die erste Zeile mit den Gesamtwerten ist noch OK (Icon und Zusammenfassung) Ab der nächsten Zeile sind Icon und Zusammenfassung weit auseinander.
                                        list.PNG

                                        Dominik F.D Offline
                                        Dominik F.D Offline
                                        Dominik F.
                                        wrote on last edited by
                                        #569

                                        @Mike-Hellracer

                                        Hast du zufällig in Zeile 517 check_circle_outlined? wenn ja, versuch mal check_circle

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

                                          @Mike-Hellracer

                                          Hast du zufällig in Zeile 517 check_circle_outlined? wenn ja, versuch mal check_circle

                                          M Offline
                                          M Offline
                                          Mike Hellracer
                                          wrote on last edited by
                                          #570

                                          @Dominik-F
                                          Danke das war es!
                                          Aber war eine andere Zeile.

                                          A 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

                                          761

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          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