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

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Projekt] MDCSS v2: Material Design CSS Version 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • Dominik F.
      Dominik F. @Uhula last edited by

      @Uhula

      ich habe heute auf die neueste Version umgestellt und habe bei einem Widget ein Problem.
      Das Widget soll nur angezeigt werden, wenn eine Scene bzw. Datenpunkt True ist. Vorher funktionierte es, jetzt wird das Widget dauerhaft angezeigt. Hast du eine Idee woran es liegen könnte?
      Hier das Widget:

      [{"tpl":"tplValueListHtml8","data":{"oid":"scene.Chillen","visibility-cond":"==","visibility-val":"true","count":"1","value0":"true","value1":"false","style1":"background-color: green","style0":"background-color: green","value2":"","style2":"background-color: red","test_list":"1","visibility-groups-action":"hide","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,"visibility-oid":"scene.Chillen","g_signals":false,"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,"class":"mdui-card mdui-green-glow mdui-center mdui-label","g_css_font_text":false,"g_css_background":false,"g_css_border":false,"g_css_shadow_padding":false,"g_gestures":false},"style":{"left":"calc(75% - 84px)","top":"80px","width":"168px","height":"62px","z-index":"20","overflow-x":""},"widgetSet":"basic"}]
      
      Uhula 1 Reply Last reply Reply Quote 0
      • D
        der-eine @Uhula last edited by

        @der-eine Leider nein, ich habe mit Grafana noch nicht viel gemacht. Wie gibt man in der URL den Trend mit an? Vielleicht kann ich das nachstellen.

        In Grafana wird die URL einfach über den Share-Button geteilt. Wie Pittini hier zeigt.
        https://forum.iobroker.net/topic/7322/projekt-material-design-css-für-iobroker-vis/634?page=32

        1 Reply Last reply Reply Quote 0
        • foxriver76
          foxriver76 Developer last edited by foxriver76

          @Uhula habe auf meinem iPhone in der Darstellung noch ein Problem. Alle Cards im cont haben mdui-cols-4-toc-16, jedoch tanzt ab und an eine Card aus der Reihe, was dann äußerst doof ist, da zu breit für Display und horizontales Scrollen dadurch aktiviert wird. Siehe Bild CC688D67-432A-4872-AF4C-787D01587B5B.png

          Irgendeine Idee? 😉

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

            @foxriver76

            hast du zufällig unter CSS Allgemein eine Breite angegeben? Das hat bei mir mal den Effekt ausgelöst.

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

              @Dominik-F Danke, war der entscheidende Hinweis. Es stand zwar nichts drin, habe allerdings mal kurz auf auto gemacht und wieder weg, jetzt funzt es. Weiß jetzt nicht, was da intern passiert ist. Siehe auch die Änderung die ich hier vornehme und wie es sich im edit auswirkt. Es steht nichts in width am Ende steht wieder nichts drin, aber es ist deutlich schmaler.

              vis.gif

              1 Reply Last reply Reply Quote 0
              • P
                Pittini Developer @Uhula last edited by Pittini

                @Uhula sagte in [Projekt] Material Design CSS v2:

                Einstellungsdialog nun 2-seitig, 1x Farben, 1xcards. Separate Einstellung für lnav/rnav-Farben und card-Titel
                Jap, funktioniert im Demoprojekt.

                Nach einfügen in mein Projekt:
                Einstelldialog 2seitig, ja. Separate Einstellung für lnav und rnav funktioniert hier kein bisschen, es ändert sich keine Hg-Farbe, wohl aber die Textfarbe. Einstelldialog bleibt weiß. Card Titel Farben funktionieren einwandfrei.

                Hab den kompletten Einstelldialog, also die 3 Config Seiten aus dem MD_Demo Projekt kopiert und alles was dort "demo_" hieß, zu "myhome_" umbenannt. Ebenso die 3 Blöcke im abar.

                2020-02-22 16_17_04-.png

                2020-02-22 14_22_10-Window.png

                Um den Fehler einzugrenzen hab ich mal aus dem Demoprojekt die komplette rnav importiert und meine umbenannt - gleiches Ergebnis.
                Dann hab ich eine der page... zu mir importiert, hat natürlich etliche "View nicht gefunden" gegeben aber die Navs heißen ja gleich. Aber auch hier gleiches Ergebnis.

                Hab ich was vergessen? Wo kann ich noch suchen? Mir gehen die Ideen aus.

                PS: Ich hab noch ein Projekt angefangen auf GRundlage des MD Simple Projekts. Da gibts aktuell grad mal das Grundgerüst und 3 Demopages, aber auch hier is schon der Wurm drin, da ändern sich die abar und tnav Farben nicht.
                Entweder stell ich mich ganz besonders dämlich an, oder mir fehlen Infos, oder irgendwo is im Projekt nochn Bug drin.

                PPS: Getestet mit Chrome und Firefox, jeweils aktuelle Version.

                Dominik F. 1 Reply Last reply Reply Quote 0
                • P
                  Pittini Developer last edited by Pittini

                  Wär es möglich das auch die NavButtons die Handlefarbe kriegen, wär irgendwie konsequent?

                  Inked2020-02-22 16_51_35-vis_LI.jpg

                  PS: Der Config Dialog hat oben den Text "Einstellungen" und das x zum schliessen. Woher kommt das? Weil in der Cardconfig isses ja nicht drin.

                  1 Reply Last reply Reply Quote 0
                  • S
                    SMARTY.ML last edited by

                    Hi,

                    bei mir wechselt er automatisch auf eine andere View #card... wenn ich am Desktop/Firefox das Fenster anders skaliere.
                    Jemand eine Idee?

                    Glasfaser 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @SMARTY.ML last edited by

                      @SMARTY-ML

                      Den Haken nur auf deinem Start-View !?

                      1.JPG

                      S 1 Reply Last reply Reply Quote 0
                      • S
                        SMARTY.ML @Glasfaser last edited by

                        @Glasfaser Danke ja, aber ausgegraut. Kann ich nicht ändern?

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @SMARTY.ML last edited by Glasfaser

                          @SMARTY-ML

                          Wenn " nicht definiert " ist , dann ist er nicht auswählbar !

                          1.JPG
                          .
                          1.JPG

                          S 1 Reply Last reply Reply Quote 0
                          • S
                            SMARTY.ML @Glasfaser last edited by

                            @Glasfaser Danke,es liegt auf jedenfall daran. Trotzdem bockt er bei manchen Auflösungen immer wieder in die View rein. Alle Haken raus und es steht auf nicht definiert. hmmm?

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

                              @Dominik-F , danke dir - leider auch nicht, aber Uhula hat weiter unten die Lösung gepostet.....ich hab dazwischen sogar schon den light Theme Part ganz rausgenommen...ging auch nicht, weil's wo anders eingestellt wird was in der Runtime dann gilt...

                              Liebe Grüße
                              Tom

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

                                Guten Morgen zusammen,

                                bekomme es leider nicht hin, die Daten aus dem iCal Adapter in einem Basic-html anzuzeigen. Habe es probiert, mit dem iCal to html Script das im anderen Posting Skript
                                gepostet wurde aber damit bekomme ich im JavaScript.0 Ordner kein neues Objekt. Kann mir bitte jemand erklären, wie ich das machen muss?

                                sigi234 1 Reply Last reply Reply Quote 0
                                • sigi234
                                  sigi234 Forum Testing Most Active @der-eine last edited by

                                  @der-eine

                                  Screenshot (1779).png

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

                                    @sigi234 ohne Skript einfach nur das Binding? Damit kann ich es aber nicht mit den Klassen aus MD formatieren.

                                    sigi234 1 Reply Last reply Reply Quote 0
                                    • sigi234
                                      sigi234 Forum Testing Most Active @der-eine last edited by

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

                                      @sigi234 ohne Skript einfach nur das Binding? Damit kann ich es aber nicht mit den Klassen aus MD formatieren.

                                      Ja, übersehen, willst ja mit MD.

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

                                        @sigi234 ja genau hätte es gerne mit MD formatiert!

                                        sigi234 1 Reply Last reply Reply Quote 0
                                        • sigi234
                                          sigi234 Forum Testing Most Active @der-eine last edited by

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

                                          @sigi234 ja genau hätte es gerne mit MD formatiert!

                                          Hast du so einen DP?
                                          Screenshot (1781).png

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

                                            @sigi234 Nein, hab ich nicht. Muss ich selber einen anlegen? Stand nirgends dachte er wird durch das Skript im js.0 angelegt.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            481
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            material css material ui vis
                                            74
                                            717
                                            121507
                                            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