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

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.7k

[Projekt] MDCSS v2: Material Design CSS Version 2

Geplant Angeheftet Gesperrt Verschoben Visualisierung
material uivismaterial css
717 Beiträge 74 Kommentatoren 178.7k Aufrufe 77 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.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • X xADDRx

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

      Dominik F.D Offline
      Dominik F.D Offline
      Dominik F.
      schrieb am zuletzt editiert von
      #554

      @xADDRx

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

      X 1 Antwort Letzte Antwort
      0
      • S Offline
        S Offline
        SMARTY.ML
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • X xADDRx

            @Dominik-F jap habe ich :)

            H Offline
            H Offline
            heinzie
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #559

                @klausiob Danke , habe es hinbekommen.

                H 1 Antwort Letzte Antwort
                0
                • H heinzie

                  @klausiob Danke , habe es hinbekommen.

                  H Offline
                  H Offline
                  heinzie
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #561

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

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

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

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

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

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

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

                                @heinzie super dann viel Spaß damit.

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

                                    @Mike-Hellracer

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

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

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

                                      A 1 Antwort Letzte Antwort
                                      0
                                      • M Mike Hellracer

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

                                        A Offline
                                        A Offline
                                        ak1
                                        schrieb am zuletzt editiert von
                                        #571

                                        Wie kann ich die Farbe der Kopfzeile eine Card im Vollbild ändern.
                                        In den Bildern seht ihr die Card zum BackItUp Log. Der Hintergrund des Kopfbereichs ist in einem helleren grau gehalten, wie bei allen meinen Karten mit dem von mir bevorzugten Farbschema.
                                        Wenn ich die Karte dann allerdings in den Vollbildmodus bringe, entspricht die Hintergrundfarbe des Kopfbereichs der Hintergrundfarbe der gesamten Card.

                                        Kann ich dies irgendwie ändern?

                                        Danke und Gruß
                                        ak1IMG_0779.png IMG_0778.png

                                        harrymH UhulaU 2 Antworten Letzte Antwort
                                        0
                                        • A ak1

                                          Wie kann ich die Farbe der Kopfzeile eine Card im Vollbild ändern.
                                          In den Bildern seht ihr die Card zum BackItUp Log. Der Hintergrund des Kopfbereichs ist in einem helleren grau gehalten, wie bei allen meinen Karten mit dem von mir bevorzugten Farbschema.
                                          Wenn ich die Karte dann allerdings in den Vollbildmodus bringe, entspricht die Hintergrundfarbe des Kopfbereichs der Hintergrundfarbe der gesamten Card.

                                          Kann ich dies irgendwie ändern?

                                          Danke und Gruß
                                          ak1IMG_0779.png IMG_0778.png

                                          harrymH Offline
                                          harrymH Offline
                                          harrym
                                          schrieb am zuletzt editiert von
                                          #572

                                          @ak1 versuchs mal mit card-title-bg

                                          ASRock FM2A88X-ITX+ mit 32GB RAM, 128GB SSD mit Proxmox, 3x1 TB SSD als RAID mit CT und VMs.

                                          A 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

                                          811

                                          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