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

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

    • 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.
    • 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
                    • sigi234
                      sigi234 Forum Testing Most Active @der-eine last edited by

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

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

                      Ja, kann man auch. Ich habe halt 2 DP......

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

                        @sigi234 hast Du dann ein Skript, dass die Datenpunkte befüllt oder wie machst Du das?

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

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

                          Hast du so einen DP?

                          Wieso sollte er den haben? Hier gehts nicht um den Adapter Leute, sondern ums CSS/Skript.

                          D sigi234 3 Replies 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 hast Du dann ein Skript, dass die Datenpunkte befällt oder wie machst Du das?

                            Einfach das Widget MD Table nehmen und als ID den DP nehmen.

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

                              @Pittini genau. Danke 👍

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

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

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

                                Hast du so einen DP?

                                Wieso sollte er den haben? Hier gehts nicht um den Adapter Leute, sondern ums CSS/Skript.

                                Ach ja, die verwechsle ich immer wieder.

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

                                  @Pittini
                                  Hast du in den Einstellungen der Widgets in der Contendcard auch alles umbenannt? Ich weiß nicht obs daran liegen kann, aber ich hab diese Einstellungen aus dem Demoprojekt übernommen gehabt und bei mir gehts
                                  Unbenannt.PNG

                                  @etv
                                  seltsam....ich habs genauso eingestellt und bei mir hats so funktioniert

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

                                    @Dominik-F sagte in [Projekt] Material Design CSS v2:

                                    Hast du in den Einstellungen der Widgets in der Contendcard

                                    Mal abgesehen davon dass ich ja kein Problem mitm content habe, sondern mit lnav/rnav ist natürlich alles identisch benannt, so einfach isses leider nicht zu lösen. Ich mach sowas eh nicht "händisch", sondern immer mit suchen und ersetzen, da rutscht nix durch.

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

                                      @Pittini
                                      eine Idee hätte ich noch....auf dem Bild was du oben gezeigt hast steht xdui-config anstatt mdui-config

                                      hab gerade in der neuen Demo gesehen, dass es dort auch steht, dann wird es das nicht sein sorry

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

                                        @Pittini hast Du das am laufen und könntest mir erklären was ich dazu alles brauche?

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

                                          @Dominik-F sagte in [Projekt] Material Design CSS v2:

                                          eine Idee hätte ich noch....auf dem Bild was du oben gezeigt hast steht xdui-config anstatt mdui-config

                                          Jap, isso, aber auch schon in der Demo. 2 Blöcke heißen xdui und einer mdui. Ich denke mal die zwei xdui Blöcke sind zum testen für @Uhula und werden entsprechend umbenannt je nach Bedarf.

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

                                            @Dominik-F Das die "visibility" nicht funktioniert, liegt an der Zuweisung vom "mdui-center". Denn sowohl das Verstecken als auch das Zentrieren erfolgt über die display-Eigenschaft im CSS. Letzteres übersteuert das Verstecken. Wenn du "mdui-center" nicht brauchst, entferne es mal. Alternativ, kannst du aus der CSS Datei auch drei Zeilen löschen, dann geht es auch. Ich teste mal, ob ich die generell entfernen kann, denke schon.

                                            /* zentrieren */
                                            
                                            .xmdui-center-v,
                                            .mdui-center-v .vis-widget-body,
                                            .mdui-center-v .vis-widget-body *  {
                                              display:flex !important;
                                              align-items: center;
                                            }
                                            .xmdui-center-h,
                                            .mdui-center-h .vis-widget-body,
                                            .mdui-center-h .vis-widget-body *  {
                                              display:flex !important;
                                              justify-content: center;
                                            }
                                            .xmdui-center,
                                            .mdui-center .vis-widget-body,
                                            .mdui-center .vis-widget-body * {
                                              display:flex !important;
                                              align-items: center;
                                              justify-content: center;
                                            }
                                            

                                            @der-eine Das mit dem share-Button ist mir schon klar. Ich weiß nur nicht, wie ich Grafana mitteile, dass ich eine Tendenz angezeigt haben möchte.

                                            @foxriver76 Wenn du mdui-cols-4-toc-16 angibst UND zusätzlich eine width, dann wird versuch der width innerhalb der Grenzen von 4-16 (x80) zu entsprechen. Ist z.B. sinnvoll, wenn man genau zwei cards nebeneinander ahaben möchten und ihnen die width=50% zuweist. Generell sollte die width dann aber keine Zuweisung haben.
                                            Da es bei den Angaben mdui-cols-N Angaben ohne bis-Angabe zu Verständnisproblemen kam, da diese +10% Größenänderung erlaubten, habe ich in der v2.1 diese 10% entfernt. Nun ist mdui-cols-4 = 320 Px = mdui-cols-4-toc-4

                                            @Pittini Kannst du mir dein Projekt anonymisiert zukommen lassen, das macht es leichter. Mail-Addy bekommst du per PN/Chat. Die "Material Design Widgets" aus 2018 hast du nicht als Adapter installiert - die stören nämlich, da dort MD CSS v1.8 drin ist.
                                            Der config-Dialog bekommt seinen Titel und das X dadurch, dass er als jqui-Dialog angezeigt wird.
                                            NavButtons und Secondary Color: Theoretisch machbar, aber problematisch, wenn man z.B. die tnav im dark-Theme, den content aber im light-Theme hat.

                                            @SMARTY-ML Automatische View-Wechsel werden nicht durch das MD CSS ausgelöst. Das muss andere Ursachen haben.

                                            Dominik F. 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            910
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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