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
    23
    1
    1.3k

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

  • 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.6k 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.
  • Q Offline
    Q Offline
    Qlink
    wrote on last edited by
    #537

    @Uhula

    Ich habe mir eine View importiert wo ich bei der Value List folgenden Anzeigefehler hab, sobald ich die Fontsize auf Large oder größer stelle:

    7f9098de-6a27-49a1-9978-ca47daa2418e-image.png

    Schaut so aus als ob da noch ein Pfeil unter dem jqui-mdselect Pfeil drunter liegt und erscheint sobald man auf größer stellt...

    Kann ich den irgendwie ausblenden oder wegbekommen ?

    Beste Grüße

    UhulaU 1 Reply Last reply
    0
    • Q Qlink

      @Uhula

      Ich habe mir eine View importiert wo ich bei der Value List folgenden Anzeigefehler hab, sobald ich die Fontsize auf Large oder größer stelle:

      7f9098de-6a27-49a1-9978-ca47daa2418e-image.png

      Schaut so aus als ob da noch ein Pfeil unter dem jqui-mdselect Pfeil drunter liegt und erscheint sobald man auf größer stellt...

      Kann ich den irgendwie ausblenden oder wegbekommen ?

      Beste Grüße

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

      @Qlink sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

      Kann ich den irgendwie ausblenden oder wegbekommen ?

      Das ist das Zeichen, welches der Browser selbst bereits zeichnet. In der nächsten MDCSS Version behandel ich das etwas anders, da sieht es dann besser aus. Hier ein Test mit Standard und xx-large (siehe select bei "Modus"):
      37a11e9d-4a82-44fd-9ee5-e11c93ad0570-image.png

      (Hinweis: Der Screenshot zeigt einen Ausschnitt aus meinem clientseitigen Optionsdialog für die Adaption vom chart.js um Charts beliebiger Quellen ohne flot und grafana darstellen zu können - dazu später mehr Details ... when its done)

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

      1 Reply Last reply
      1
      • X Offline
        X Offline
        xADDRx
        wrote on last edited by
        #539

        Hallo,

        kann mir einer bitte kurz erklären was die Version 2 mehr kann als die erste?

        Ich habe viel zeit in die V1 gesteckt. Bevor ich mit der Version 2 anfange...

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

        D 1 Reply Last reply
        0
        • X xADDRx

          Hallo,

          kann mir einer bitte kurz erklären was die Version 2 mehr kann als die erste?

          Ich habe viel zeit in die V1 gesteckt. Bevor ich mit der Version 2 anfange...

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

          @xADDRx hast Du Dir die Demos auf GitHub angesehen? Dort werden die Neuerungen gezeigt. Die Anleitung wurde auch an V2 angepasst.

          X 1 Reply Last reply
          0
          • D der-eine

            @xADDRx hast Du Dir die Demos auf GitHub angesehen? Dort werden die Neuerungen gezeigt. Die Anleitung wurde auch an V2 angepasst.

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

            @der-eine ich habe mal die Demo runtergeladen und importiert. Warum funktioniert die Sidebar nicht richtig?

            Sobald ich auf Einstellungen klicke, verschwindet die Sidebar und es passiert nichts.

            25206b7c-e1c4-4841-8a83-921fa69e4283-grafik.png

            Danke.

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

            Homer.J.H 1 Reply Last reply
            0
            • X xADDRx

              @der-eine ich habe mal die Demo runtergeladen und importiert. Warum funktioniert die Sidebar nicht richtig?

              Sobald ich auf Einstellungen klicke, verschwindet die Sidebar und es passiert nichts.

              25206b7c-e1c4-4841-8a83-921fa69e4283-grafik.png

              Danke.

              Homer.J.H Offline
              Homer.J.H Offline
              Homer.J.
              wrote on last edited by
              #542

              @xADDRx Lies mal bitte ist hier schon öfter beschrieben worden. Liegt an einem installierten Adapter.

              X 1 Reply Last reply
              0
              • mrFenyxM mrFenyx

                @Bastelritius Hi, wenn du ioBroker.vis-material benutzt dann bitte deinstallieren. Es benutzt eine alte Version von MDUI und macht alles durcheinander.

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

                @mrFenyx ich habe das gefunden, jedoch gehts trotzdem nicht.. noch eine Idee? an muss ioBroker.vis-material deinstallieren...

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

                1 Reply Last reply
                0
                • Homer.J.H Homer.J.

                  @xADDRx Lies mal bitte ist hier schon öfter beschrieben worden. Liegt an einem installierten Adapter.

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

                  @Homer-J so soweti läuft es jetzt... Leider hat sich der vis Editor verändert:

                  267c1717-6504-4f16-b9f2-557617e332f5-grafik.png

                  woran liegt das?

                  Das macht übrigends nur, wenn ich die CSS Datei im Global einfüge. Kann ich das auch weg lassen?

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

                  Homer.J.H 1 Reply Last reply
                  0
                  • X xADDRx

                    @Homer-J so soweti läuft es jetzt... Leider hat sich der vis Editor verändert:

                    267c1717-6504-4f16-b9f2-557617e332f5-grafik.png

                    woran liegt das?

                    Das macht übrigends nur, wenn ich die CSS Datei im Global einfüge. Kann ich das auch weg lassen?

                    Homer.J.H Offline
                    Homer.J.H Offline
                    Homer.J.
                    wrote on last edited by
                    #545

                    @xADDRx das kannst du auch weg lassen.

                    X 1 Reply Last reply
                    0
                    • Homer.J.H Homer.J.

                      @xADDRx das kannst du auch weg lassen.

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

                      @Homer-J Hallo zusammen,

                      ich habe mehrere IPads zu Hause. An der Wand hängt ein IPad Air. Zum arbeiten benutze ich das iPad Pro.

                      Zu meinem Problem: Die Sidebar (lnav)öffnet ganz normal. sobald ich beim iPad Air dann auf der rechten Seite irgendwo drauf gehe sollte die sidebar ja verschwinden, leider bleibt die einfach offen. Das merkwürdige dabei ist, dass es beim IPad Pro geht...

                      jemand eine idee?

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

                      1 Reply Last reply
                      0
                      • X Offline
                        X Offline
                        xADDRx
                        wrote on last edited by
                        #547

                        Hallo,

                        bei mir funktioniert das minimieren nicht:

                        45ed8675-68e8-4383-95d7-f6964772cbf7-grafik.png
                        fa08f09a-a30d-4230-8471-9ccd24f26023-grafik.png

                        Weiß jemand woran das liegt?

                        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

                          Hallo,

                          bei mir funktioniert das minimieren nicht:

                          45ed8675-68e8-4383-95d7-f6964772cbf7-grafik.png
                          fa08f09a-a30d-4230-8471-9ccd24f26023-grafik.png

                          Weiß jemand woran das liegt?

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

                          @xADDRx

                          Lässt du dir die cardview in der Runtime anzeigen? Du musst die pageview oder zumindest die contview in der Runtime starten, dann sollte es klappen

                          X 2 Replies Last reply
                          0
                          • Dominik F.D Dominik F.

                            @xADDRx

                            Lässt du dir die cardview in der Runtime anzeigen? Du musst die pageview oder zumindest die contview in der Runtime starten, dann sollte es klappen

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

                            @Dominik-F Wie und woo mache ich das :face_with_rolling_eyes:

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

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

                              @xADDRx

                              Lässt du dir die cardview in der Runtime anzeigen? Du musst die pageview oder zumindest die contview in der Runtime starten, dann sollte es klappen

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

                              @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

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          752

                                          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