Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Projekt] MDCSS v2: Material Design CSS Version 2

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    [Projekt] MDCSS v2: Material Design CSS Version 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      der-eine last edited by 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? 😬

      Uhula 1 Reply Last reply Reply Quote 0
      • Uhula
        Uhula @der-eine last edited by

        @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 3 Replies Last reply Reply Quote 0
        • D
          der-eine @Uhula last edited by

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

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

          Uhula 1 Reply Last reply Reply Quote 0
          • Uhula
            Uhula @der-eine last edited by

            @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 2 Replies Last reply Reply Quote 0
            • Dominik F.
              Dominik F. @Uhula last edited by

              @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 Reply Quote 0
              • D
                der-eine @Uhula last edited by

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

                1 Reply Last reply Reply Quote 0
                • D
                  der-eine @Uhula last edited by

                  @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. 1 Reply Last reply Reply Quote 1
                  • D
                    der-eine @Uhula last edited by

                    @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

                    Uhula 1 Reply Last reply Reply Quote 0
                    • Dominik F.
                      Dominik F. @der-eine last edited by

                      @der-eine

                      du hast recht, es funktioniert nun. vielen Dank.

                      1 Reply Last reply Reply Quote 0
                      • Uhula
                        Uhula @der-eine last edited by

                        @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 1 Reply Last reply Reply Quote 1
                        • D
                          der-eine @Uhula last edited by

                          @Uhula 🤦‍♂️ da is der Fehler jetzt läuft es. Danke dachte die Anweisungen gehören auch nochmal ins CSS.

                          1 Reply Last reply Reply Quote 0
                          • M
                            mctom last edited by mctom

                            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 Reply Quote 0
                            • D
                              der-eine last edited by der-eine

                              @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 Reply Quote 0
                              • svenomatt
                                svenomatt last edited by

                                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. 1 Reply Last reply Reply Quote 0
                                • Dominik F.
                                  Dominik F. @svenomatt last edited by

                                  @svenomatt

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

                                  svenomatt 1 Reply Last reply Reply Quote 0
                                  • svenomatt
                                    svenomatt @Dominik F. last edited by svenomatt

                                    @Dominik-F Glaube ich habe mich nicht ganz verständlich ausgedrückt. Ich möchte wie gesagt den "mdui-switch" (wigdet: basis-bool checkbox)nutzen. Dieser liefert in die Instanzen dann bei einschalten True bei ausschalten False. Möchte jetzt das er anstatt dieser Werte die Werte Aktiv oder Inaktiv einträgt. Hintergrund ist, ich habe in Hommatic einige State (Programme) die ich mit Aktiv und Inaktiv starte oder stoppe. Mittels Schalter möchte ich Programme dann aktivieren bzw. deaktivieren.

                                    Ich habe bis vor kurzem die HQ wigdets genutzt, dort konnte ich für True und False einen Wert hinterlegen.![Bild Text](sw.PNG

                                    Dominik F. 1 Reply Last reply Reply Quote 0
                                    • Dominik F.
                                      Dominik F. @svenomatt last edited by

                                      @svenomatt

                                      Ob man das so definieren kann, kann ich dir leider nicht sagen. Du kannst dir jedoch ein kleines Skript schreiben das wenn ein Datenpunkt true wird, er in einen anderen aktiv schreibt und andersherum.

                                      svenomatt 1 Reply Last reply Reply Quote 0
                                      • svenomatt
                                        svenomatt @Dominik F. last edited by

                                        @Dominik-F Ja im Grunde geht das, macht die Sache aber wieder so mächtig. Hatte gehofft, dass es eine schlanke Lösung gibt, ähnlich des HQ wigdet wo ich e True bzw. False einen Wert zuordnen kann.

                                        1 Reply Last reply Reply Quote 0
                                        • D
                                          danny_v1 last edited by

                                          Hallo,

                                          erst mal vielen Dank für das Mega Projekt, ist echt toll!

                                          Bin gerade dabei meine Visualisierung zu erstellen und das Vorlageprojekt macht es um einiges einfacher!

                                          Gibt es eine Möglichkeit wenn man mdui-expand verwendet das nach dem Laden der Seite die Views gleich ein der "kleinen Ansicht" sind (also collapsed) und man nicht erst alle Views klein machen muss?

                                          Und wie kann ich die Views sortieren, wenn ich position relativ verwende, über die order klappt es leider nicht der Editor sortiert dann irgendwie alles willkürlich wie mir scheint.

                                          mfg danny_v1

                                          Dominik F. 1 Reply Last reply Reply Quote 0
                                          • Dominik F.
                                            Dominik F. @danny_v1 last edited by

                                            @danny_v1

                                            mit

                                            mdui-expand mdui-onload 
                                            

                                            werden die direkt eingeklappt wenn du die view öffnest.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            527
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            material css material ui vis
                                            74
                                            717
                                            143760
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo