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.
  • UhulaU Uhula

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

    Hat trotzdem jemand eine Idee wie ich den Cards mitgeben könnte?

    Warte mal auf die Version 2.5.1, da überwache ich den view-Wechsel der View8 Widgets und führe die mdui-onload dann für die nachgeladenen Cards durch. Vielleicht geht es dann auch bei dir.

    D Offline
    D Offline
    darkiop
    Most Active
    wrote on last edited by
    #511

    @Uhula Perfekt, vielen Dank @Uhula! Ist aktuell nur Kosmetik, aber bei der Verwendung aufm Smartphone durchaus nützlich!

    Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

    1 Reply Last reply
    0
    • kmxakK Offline
      kmxakK Offline
      kmxak
      Most Active
      wrote on last edited by
      #512

      Moin, bei mir funzt die Lbar nicht wie sie soll. Ist nicht anklickbar. Habe alle anderen Adapter mit Material deinstalliert auch mehrfach neu gestartet und cache gelöscht und alle browser probiert aber nix zu machen. hat noch einer eine idee?

      Gruß Alex

      UhulaU 1 Reply Last reply
      0
      • kmxakK kmxak

        Moin, bei mir funzt die Lbar nicht wie sie soll. Ist nicht anklickbar. Habe alle anderen Adapter mit Material deinstalliert auch mehrfach neu gestartet und cache gelöscht und alle browser probiert aber nix zu machen. hat noch einer eine idee?

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

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

        hat noch einer eine idee?

        Was bedeutet "lbar funzt nicht"? Du meinst sicher die lnav-View?
        In welchem Projekt? MD-Demo?
        Wird sie nicht dargestellt? Öffnet sie sich nicht beim Klick auf das Burger-Menü?
        Wenn es nicht das MD_Demo Projekt ist, hast du den Script-Teil in dein Projekt übernommen?

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

        1 Reply Last reply
        0
        • kmxakK Offline
          kmxakK Offline
          kmxak
          Most Active
          wrote on last edited by kmxak
          #514

          MD_Demo von GitHub habe CSS und JS im Projekt eingefügt und auch die CSS geändert wegen anderem Namen.
          Die Lnav öffnet sich ist aber nicht anklickbar auch die Untermenüs lassen sich nicht aufklappen stattdessen schließt sich die Lnav einfach wieder.

          So ich habe eine Lösung.
          Ich hatte vor einiger Zeit mal die anderen Material Adapter getestet diese aber wieder deinstalliert und gelöscht aber scheinbar hat der ioBroker diese eben nicht gelöscht. Nachdem ich in ioBroker Ordnern zumgestöbert habe sind mit einige Ordner von den Adaptern aufgefallen und habe diese manuell gelöscht. Danach ein restart und nun geht es alles so wie es soll.

          Gruß Alex

          UhulaU 1 Reply Last reply
          0
          • kmxakK kmxak

            MD_Demo von GitHub habe CSS und JS im Projekt eingefügt und auch die CSS geändert wegen anderem Namen.
            Die Lnav öffnet sich ist aber nicht anklickbar auch die Untermenüs lassen sich nicht aufklappen stattdessen schließt sich die Lnav einfach wieder.

            So ich habe eine Lösung.
            Ich hatte vor einiger Zeit mal die anderen Material Adapter getestet diese aber wieder deinstalliert und gelöscht aber scheinbar hat der ioBroker diese eben nicht gelöscht. Nachdem ich in ioBroker Ordnern zumgestöbert habe sind mit einige Ordner von den Adaptern aufgefallen und habe diese manuell gelöscht. Danach ein restart und nun geht es alles so wie es soll.

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

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

            Danach ein restart und nun geht es alles so wie es soll.

            Super - darauf wäre ich so nicht gekommen. Viel Spaß und Erfolg!

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

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

              @Uhula probiere gerade mdui-show480 und mdui-hide480 aus. Leider funktioniert es nicht so wie ich gedacht habe.
              Bei mdui-show480 sollte doch die Abkürzung angezeigt werden und bei mdui-hide480 die "lange Version"!?

              Auf dem Smartphone wird es richtig angezeigt (WZ, Wohnzimmer)

              Bildschirmfoto 2020-06-07 um 01.22.55.png

              Auf dem PC verschwindet das Nav-Icon komplett

              Bildschirmfoto 2020-06-07 um 01.25.31.png

              Im Editor ist es zwar noch vorhanden aber nicht mehr sichtbar.

              Bildschirmfoto 2020-06-07 um 01.24.19.png

              MD CSS Version 2.5

              Hab ich es falsch verwendet? Hast Du dazu einen Tipp? :grimacing:

              UhulaU 1 Reply Last reply
              0
              • D der-eine

                @Uhula probiere gerade mdui-show480 und mdui-hide480 aus. Leider funktioniert es nicht so wie ich gedacht habe.
                Bei mdui-show480 sollte doch die Abkürzung angezeigt werden und bei mdui-hide480 die "lange Version"!?

                Auf dem Smartphone wird es richtig angezeigt (WZ, Wohnzimmer)

                Bildschirmfoto 2020-06-07 um 01.22.55.png

                Auf dem PC verschwindet das Nav-Icon komplett

                Bildschirmfoto 2020-06-07 um 01.25.31.png

                Im Editor ist es zwar noch vorhanden aber nicht mehr sichtbar.

                Bildschirmfoto 2020-06-07 um 01.24.19.png

                MD CSS Version 2.5

                Hab ich es falsch verwendet? Hast Du dazu einen Tipp? :grimacing:

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

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

                Hast Du dazu einen Tipp?

                Ja. Du hast auch mdui-lnav-fixed-open-hide angegeben. Dieses bedeutet, wenn die lnav fixiert geöffnet ist, dann verstecke das Widget - soll dazu dienen, dass in diesem Fall nicht beide Navigationen sichtbar sind. Wenn du das möchtest, nimm das mdui-lnav-fixed-open-hide einfach weg.

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

                D 3 Replies Last reply
                0
                • UhulaU Uhula

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

                  Hast Du dazu einen Tipp?

                  Ja. Du hast auch mdui-lnav-fixed-open-hide angegeben. Dieses bedeutet, wenn die lnav fixiert geöffnet ist, dann verstecke das Widget - soll dazu dienen, dass in diesem Fall nicht beide Navigationen sichtbar sind. Wenn du das möchtest, nimm das mdui-lnav-fixed-open-hide einfach weg.

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

                  @Uhula danke. Das erklärt das „Problem“ und ein nicht gefragtes. :joy:

                  Geht das bei einem Projekt, dass am Smartphone nur über das Burgermenü die lnav geöffnet wird und am Tablet immer offen ist? :thinking_face:

                  UhulaU 1 Reply Last reply
                  0
                  • D der-eine

                    @Uhula danke. Das erklärt das „Problem“ und ein nicht gefragtes. :joy:

                    Geht das bei einem Projekt, dass am Smartphone nur über das Burgermenü die lnav geöffnet wird und am Tablet immer offen ist? :thinking_face:

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

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

                    Geht das bei einem Projekt, dass am Smartphone nur über das Burgermenü die lnav geöffnet wird und am Tablet immer offen ist?

                    Logo. Dafür gibt es in der Konfiguration
                    0feaa9bc-f8c7-42bc-b77c-4c3d775c088b-image.png
                    wo man die Anzahl der Pixel angibt, ab der das automatische Öffnen funktionieren soll.

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

                    Dominik F.D D 2 Replies Last reply
                    0
                    • UhulaU Uhula

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

                      Geht das bei einem Projekt, dass am Smartphone nur über das Burgermenü die lnav geöffnet wird und am Tablet immer offen ist?

                      Logo. Dafür gibt es in der Konfiguration
                      0feaa9bc-f8c7-42bc-b77c-4c3d775c088b-image.png
                      wo man die Anzahl der Pixel angibt, ab der das automatische Öffnen funktionieren soll.

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

                      @Uhula

                      Gibt es eine Möglichkeit, dass die tnav sich mit nach rechts verschiebt? Die tnav verschwindet wenn man die lnav fixiert

                      Unbenannt.PNG

                      Unbenannt1.PNG

                      1 Reply Last reply
                      0
                      • UhulaU Uhula

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

                        Geht das bei einem Projekt, dass am Smartphone nur über das Burgermenü die lnav geöffnet wird und am Tablet immer offen ist?

                        Logo. Dafür gibt es in der Konfiguration
                        0feaa9bc-f8c7-42bc-b77c-4c3d775c088b-image.png
                        wo man die Anzahl der Pixel angibt, ab der das automatische Öffnen funktionieren soll.

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

                        @Uhula danke Dir. :+1: das MD CSS ist so riesig das man viele Sachen einfach wieder vergisst. Das Fenster hab ich schon mal gesehen. :joy:

                        1 Reply Last reply
                        0
                        • UhulaU Uhula

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

                          Hast Du dazu einen Tipp?

                          Ja. Du hast auch mdui-lnav-fixed-open-hide angegeben. Dieses bedeutet, wenn die lnav fixiert geöffnet ist, dann verstecke das Widget - soll dazu dienen, dass in diesem Fall nicht beide Navigationen sichtbar sind. Wenn du das möchtest, nimm das mdui-lnav-fixed-open-hide einfach weg.

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

                          @Dominik-F sollte das nicht genau das gleiche sein wie bei mir?
                          @Uhula sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

                          Ja. Du hast auch mdui-lnav-fixed-open-hide angegeben. Dieses bedeutet, wenn die lnav fixiert geöffnet ist, dann verstecke das Widget - soll dazu dienen, dass in diesem Fall nicht beide Navigationen sichtbar sind. Wenn du das möchtest, nimm das mdui-lnav-fixed-open-hide einfach weg.

                          Dominik F.D 1 Reply Last reply
                          1
                          • UhulaU Uhula

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

                            Hast Du dazu einen Tipp?

                            Ja. Du hast auch mdui-lnav-fixed-open-hide angegeben. Dieses bedeutet, wenn die lnav fixiert geöffnet ist, dann verstecke das Widget - soll dazu dienen, dass in diesem Fall nicht beide Navigationen sichtbar sind. Wenn du das möchtest, nimm das mdui-lnav-fixed-open-hide einfach weg.

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

                            @Uhula sorry aber es geht immer noch nicht. Was könnte denn noch sein?

                            lnav fixiert muss ich ja nicht eingeben oder?

                            Bildschirmfoto 2020-06-07 um 20.20.04.png

                            UhulaU 1 Reply Last reply
                            0
                            • D der-eine

                              @Dominik-F sollte das nicht genau das gleiche sein wie bei mir?
                              @Uhula sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

                              Ja. Du hast auch mdui-lnav-fixed-open-hide angegeben. Dieses bedeutet, wenn die lnav fixiert geöffnet ist, dann verstecke das Widget - soll dazu dienen, dass in diesem Fall nicht beide Navigationen sichtbar sind. Wenn du das möchtest, nimm das mdui-lnav-fixed-open-hide einfach weg.

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

                              @der-eine

                              du hast recht, es funktioniert nun. vielen Dank.

                              1 Reply Last reply
                              0
                              • D der-eine

                                @Uhula sorry aber es geht immer noch nicht. Was könnte denn noch sein?

                                lnav fixiert muss ich ja nicht eingeben oder?

                                Bildschirmfoto 2020-06-07 um 20.20.04.png

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

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

                                lnav fixiert muss ich ja nicht eingeben oder?

                                Du hast die mdui-hide480 und mdui-show480 Angabe auch in der CSS Angabe drin, damit blendest du das Widget komplett aus. Du möchtest aber nur den Text variieren, also darf die mdui-hide480 und mdui-show480 Angabe auch nur im Text sein.

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

                                D 1 Reply Last reply
                                1
                                • UhulaU Uhula

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

                                  lnav fixiert muss ich ja nicht eingeben oder?

                                  Du hast die mdui-hide480 und mdui-show480 Angabe auch in der CSS Angabe drin, damit blendest du das Widget komplett aus. Du möchtest aber nur den Text variieren, also darf die mdui-hide480 und mdui-show480 Angabe auch nur im Text sein.

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

                                  @Uhula :man-facepalming: da is der Fehler jetzt läuft es. Danke dachte die Anweisungen gehören auch nochmal ins CSS.

                                  1 Reply Last reply
                                  0
                                  • M Offline
                                    M Offline
                                    mctom
                                    wrote on last edited by mctom
                                    #527

                                    Hallo zusammen,

                                    ich habe ein kleine (manchmal auch größeres) Problem. Ich habe bei mir 2 Tablets verbaut auf denen ich über den Fully Browser mit Hilfe von Material Design CSS Version 2 und VIS mein Smart Homer visualisiert habe.

                                    Jetzt tritt zeitweise folgende Problem auf. Und zwar lässt sich das Menü nicht aufrufen. Wenn ich auf den Button klicke sieht man das er gedrückt wurde, aber das left Menü wird nicht aufgeklappt. Alle Funktionen sind sonst soweit in Ordnung. Ich kann auch alles steuern, nur das Menü bekomme ich nicht auf. Erst wenn ich die Seite neu lade bekomme ich das Menü wieder auf.
                                    Hat einer eine Idee woran dies liegen könnte ?
                                    Wo könnte ich noch auf spuren suche gehen ?

                                    Gruß

                                    Michael

                                    Update:
                                    Ich habe jetzt noch mal die Android WEB VIEW & Fully auf den neusten Stand gebracht. Beim CSS Code bin ich bei Version 2.5. Aber das Thema tritt weiterhin auf.

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

                                      @Uhula bei den Button view in jqui - Container würde ich gerne das X weiter nach unten setzen. Wo ist denn dazu die passende Stelle im CSS?

                                      Bildschirmfoto 2020-06-14 um 23.56.49.png

                                      Edit:
                                      In den Einstellungen "Kopfzeile verbergen" dann rutscht es nach unten.

                                      1 Reply Last reply
                                      0
                                      • svenomattS Offline
                                        svenomattS Offline
                                        svenomatt
                                        wrote on last edited by
                                        #529

                                        Hallo sitze gerade an der Umsetzung meiner neuen Visualisierungen und stehe vor dem Probleme, dass ich den mdui-switch mit den Werten aktiv, inaktiv bzw. 0, 1 benötige. es wird aber immer nur der wert true oder false gesetzt.

                                        <label for="w00219_checkbox"><label>
                                        

                                        Kann ich irgenwie den Wert von True bzw. false in 0 bzw. 1 ändern. Habe nichts gefunden. würde gerne die Schalter für alle geräte nutzen.

                                        [{"tpl":"tplValueBoolCheckbox","data":{"oid":"hm-rega.0.10714","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html_append":"<label for=\"w00219_checkbox\"><label>","class":"mdui-switch mdui-blue-acc","html":"Switches Beispiele","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Schatten-Programm"},"style":{"left":"631px","top":"316px","width":"55px","height":"30px","z-index":8},"widgetSet":"basic"}]
                                        
                                        Dominik F.D 1 Reply Last reply
                                        0
                                        • svenomattS svenomatt

                                          Hallo sitze gerade an der Umsetzung meiner neuen Visualisierungen und stehe vor dem Probleme, dass ich den mdui-switch mit den Werten aktiv, inaktiv bzw. 0, 1 benötige. es wird aber immer nur der wert true oder false gesetzt.

                                          <label for="w00219_checkbox"><label>
                                          

                                          Kann ich irgenwie den Wert von True bzw. false in 0 bzw. 1 ändern. Habe nichts gefunden. würde gerne die Schalter für alle geräte nutzen.

                                          [{"tpl":"tplValueBoolCheckbox","data":{"oid":"hm-rega.0.10714","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html_append":"<label for=\"w00219_checkbox\"><label>","class":"mdui-switch mdui-blue-acc","html":"Switches Beispiele","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Schatten-Programm"},"style":{"left":"631px","top":"316px","width":"55px","height":"30px","z-index":8},"widgetSet":"basic"}]
                                          
                                          Dominik F.D Offline
                                          Dominik F.D Offline
                                          Dominik F.
                                          wrote on last edited by
                                          #530

                                          @svenomatt

                                          wenn ich mich nicht täusche wird 0 als false gewertet und alles andere als true. müsste also damit gehen

                                          svenomattS 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

                                          734

                                          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