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] Material Design CSS für ioBroker.vis

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    935

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

[Projekt] Material Design CSS für ioBroker.vis

Scheduled Pinned Locked Moved Visualisierung
650 Posts 111 Posters 231.0k Views 68 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.
  • E Offline
    E Offline
    ErazorVIP
    wrote on last edited by
    #77

    :?: Kann mir jemand sagen warum mir im Beispielprojekt die contents nicht angezeigt werden? :?: :?:
    3252_1.png

    1 Reply Last reply
    0
    • Z Away
      Z Away
      zahnheinrich
      wrote on last edited by
      #78

      Vielen Dank!

      Ich hatte (fast) alles ausprobiert, auch "==" aber ohne Erfolg.

      Leider zeigt dein Tip auch keine Änderung, die Farbe ändert sich nicht. Zur Kontrolle habe ich zusätzlich zwei weitere gleiche widgets zur Anzeige der Zustände daneben plaziert (mit der Anzeige nur einer Farbe), diese arbeiten wie gewünscht.

      Aaaaaber….

      das ist ja nur eine Kleinigkeit im Gegensatz dazu:

      Auf deinen Vorschlag habe ich cards zur Anzeige meiner Thermostate zunächst in Gruppen angeordnet und diese Gruppen dann als contPage eingebunden.

      1841_screenshot__64_.png

      Das geht auch soweit in den ersten beiden Gruppierungen in den Zeilen eins und zwei. Beim zoomen funktioniert das responsive Design einwandfrei.

      Bei der dritten Gruppe wird die letzte card nicht (mehr) angezeigt, beim zoomen kann ich nicht weit genug nach unten scrollen, um die letzten cards anzuzeigen.
      1841_screenshot__65_.png
      Auch fehlt der untere Teil der cards in der Übersicht, erkennbar am abgeschnittenen Batteriesymbol.

      Da scheint es eine Begrenzung in der Anzahl der anzuzeigenden cards und/oder der Auflösung zu geben??

      Für Hilfe bin ich sehr dankbar, denn das Projekt ist echt der Kracher!!!

      Einen schönen Abend!

      Ulrich

      MfG Ulrich

      1 Reply Last reply
      0
      • Z Away
        Z Away
        zahnheinrich
        wrote on last edited by
        #79

        @ ErazorVIP

        Keinen (güligen) view in tnav angegeben rechts unter "Allgemein- View zum Navigieren"?

        MfG Ulrich

        1 Reply Last reply
        0
        • E Offline
          E Offline
          ErazorVIP
          wrote on last edited by
          #80

          doch ist auch eingegeben aber er zeigt die cards nicht an.

          Ist immer noch das orginal Beispielprojekt
          3252_1.png
          3252_1.png

          1 Reply Last reply
          0
          • Z Away
            Z Away
            zahnheinrich
            wrote on last edited by
            #81

            Kommen keine Fehlermeldungen wie "View nicht gefunden" o.ä?

            Falls nein, hast du die "basic" und "jqui" Controls installiert?

            Die Anleitung GENAU (zwei bis dreimal) gelesen?

            MfG Ulrich

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

              @ zahnheinrich ich denke du baust die Heizungen mit einem Widget zusammengefasst ein?

              Dann geh mal unter css allgemein und unter height: entweder 100% oder einfach mal die zahl erhöhen.

              Geht es dann?

              Gruß Alex

              1 Reply Last reply
              0
              • Z Away
                Z Away
                zahnheinrich
                wrote on last edited by
                #83

                @knxak

                Im content hat height keinen Eintrag wegen des responsiven Designs.

                Wenn ich dort einen Wert (auch 100%) entrage, nimmt jede Gruppierung für sich schon die ganze Bildschirmhöhe ein.

                In der Page steht die Höhe wie in der Anleitung angegeben auf "calc(100% - 2 * 48px)".

                Noch eine Idee?

                Ulrich

                MfG Ulrich

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

                  ja in der page dort im view widget. kannst da mal testweise einen anderen wert nehmen?

                  Gruß Alex

                  1 Reply Last reply
                  0
                  • Z Away
                    Z Away
                    zahnheinrich
                    wrote on last edited by
                    #85

                    In der cont_Page7 100% für height ergibt:

                    1841_screenshot__66_.png

                    zur Anzeige der unteren Views muss ich nach unten scrollen, also eher Verschlimmbesserung :roll:

                    Ulrich

                    MfG Ulrich

                    1 Reply Last reply
                    0
                    • E Offline
                      E Offline
                      ErazorVIP
                      wrote on last edited by
                      #86

                      @zahnheinrich:

                      Kommen keine Fehlermeldungen wie "View nicht gefunden" o.ä?

                      Falls nein, hast du die "basic" und "jqui" Controls installiert?

                      Die Anleitung GENAU (zwei bis dreimal) gelesen? `

                      Hallo,

                      ich habe jetzt nochmal das Simple Projekt importiert. Dies sollte doch erstmal normal laufen oder nicht?

                      1 Reply Last reply
                      0
                      • UhulaU Offline
                        UhulaU Offline
                        Uhula
                        wrote on last edited by
                        #87

                        @zahnheinrich

                        Dein 3. SubContent (ich nenne es lieber Gruppe) scheint eine Angabe der height zu haben, das lässt sich aber nur durch die Screenshots nicht erkennen. Kannst du mir einen anonymisierten Export des Projekts per privater Nachricht senden? Dann schau ich mal rein, ob ich was erkennen kann.

                        @ErazorVIP

                        Ja, das MD-Simple sollte normal "laufen", es hat nur basic- und jqui-Widgets. Erfolgt im Editor die Anzeige aller card/cont/page korrekt? Evtl mal einen anderen Browser ausprobieren.

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

                        1 Reply Last reply
                        0
                        • E Offline
                          E Offline
                          ErazorVIP
                          wrote on last edited by
                          #88

                          Hallo,

                          so schaut es im Editor aus wenn ich auf page1 gehe.

                          Wenn ich dann auf contPage1 gehe sehe ich die Cards dazu… aber unter page1, 2, 3 irgendwie nicht.

                          Ich habe jetzt schon 3 verschiedene Browser ausprobiert und verschiedene Rechner.
                          3252_unbenannt.jpg

                          1 Reply Last reply
                          0
                          • M Offline
                            M Offline
                            MaikB85
                            wrote on last edited by
                            #89

                            @ErazorVIP:

                            @zahnheinrich:

                            Kommen keine Fehlermeldungen wie "View nicht gefunden" o.ä?

                            Falls nein, hast du die "basic" und "jqui" Controls installiert?

                            Die Anleitung GENAU (zwei bis dreimal) gelesen? `

                            Hallo,

                            ich habe jetzt nochmal das Simple Projekt importiert. Dies sollte doch erstmal normal laufen oder nicht? `

                            Das Demo Projekt läuft bei mir genauso "normal". Irgendwas scheint bei dir nicht zu stimmen. Einfach auf Projekt importieren gehen und da die ZIP rein ziehen.

                            1 Reply Last reply
                            0
                            • E Offline
                              E Offline
                              ErazorVIP
                              wrote on last edited by
                              #90

                              @MaikB85:

                              @ErazorVIP:

                              @zahnheinrich:

                              Kommen keine Fehlermeldungen wie "View nicht gefunden" o.ä?

                              Falls nein, hast du die "basic" und "jqui" Controls installiert?

                              Die Anleitung GENAU (zwei bis dreimal) gelesen? `

                              Hallo,

                              ich habe jetzt nochmal das Simple Projekt importiert. Dies sollte doch erstmal normal laufen oder nicht? `

                              Das Demo Projekt läuft bei mir genauso "normal". Irgendwas scheint bei dir nicht zu stimmen. Einfach auf Projekt importieren gehen und da die ZIP rein ziehen. `

                              Genau so habe ich es gemacht.

                              Nachtrag:

                              Sorry Leute ich hab gerade gemerkt das meine ioBroker Visualisation nicht auf der neusten Version war.

                              Hatte noch die 0.15.4 drauf.

                              Danke für eure Hilfe.

                              1 Reply Last reply
                              0
                              • Z Away
                                Z Away
                                zahnheinrich
                                wrote on last edited by
                                #91

                                @Uhula

                                @kmxak

                                @zahnheinrich:

                                In der cont_Page7 100% für height ergibt:

                                filename="Screenshot (66).png" index="0">~~

                                zur Anzeige der unteren Views muss ich nach unten scrollen, also eher Verschlimmbesserung :roll:

                                Ulrich `

                                Nachdem ich die height von leer auf "auto" geändert habe, werden die "views in views in views" korrekt angezeigt und arbeiten auch im responsive Design wie sie sollen.

                                Vielen Dank für Eure Unterstützung!

                                Einen schönen Tag vor einem sonnigen Wochenende!

                                Ulrich

                                MfG Ulrich

                                1 Reply Last reply
                                0
                                • UhulaU Offline
                                  UhulaU Offline
                                  Uhula
                                  wrote on last edited by
                                  #92

                                  Es gab ein kleines Update:

                                  2017-10-11 V1.5

                                  CSS: mdui-table Klassen für die table-Behandlung hinzugefügt

                                  Script: Tabellenbehandlung hinzugefügt

                                  ioBroker Projekte: MD-Demo aktualisiert und ergänzt um Tabellenbeispiel, MD-Simple aktualisiert

                                  Anleitung: Ergänzt um Tabellenbeschreibung, optisch überarbeitet

                                  Wie bekannt, alles hier: https://github.com/Uhula/ioBroker-Material-Design-Style

                                  ve fun

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

                                  1 Reply Last reply
                                  0
                                  • O Offline
                                    O Offline
                                    ok1
                                    wrote on last edited by
                                    #93

                                    Hallo, bei mir funktioniert der Einsatz des "jqui-container - Icon - view in jqui Dialog" - Widgets in Verbindung mit der Einbindung von FLOT-Diagrammen noch nicht ganz.

                                    In dem sich öffnenden modalen Dialog reagiert der "Pfeil unten"-Button nicht, so dass auch die Schaltflächen nicht angezeigt werden. Gibt es hier für die jqui-Dialog-Boxen evtl. eine Lösung ?

                                    Eine Frage am Rande: wie mergt ihr Eure aktuellen und individuell bearbeiteten vis-views.json und vis-user.css - Versionen mit den neuen Update-Versionen ? Z.Zt. mache dich das über View-Export und Import, sowie bei CSS über manuelles Kopieren.

                                    Vielen Dank !
                                    3515_icon-view-in-jqui-dialog.png

                                    1 Reply Last reply
                                    0
                                    • UhulaU Offline
                                      UhulaU Offline
                                      Uhula
                                      wrote on last edited by
                                      #94

                                      @ok1

                                      Die Funktionalität war nicht für Views in Dialogen gedacht, sondern nur für solche im Hauptfenster (vis_container) selbst. Es wurde im Script nur ein Eventhandler für das Hauptfenster gesetzt. Ich habe es mal ausprobiert, diese auf den gesamten body zu setzen, dann funktioniert es auch in Dialogen.

                                      Dazu musst du im Script, in der unteren setTimeout() Funktion die "#vis_container" durch "body" ersetzen (insgesamt 4x).

                                      Bisher:

                                      setTimeout(function () {

                                      // click-Eventhandler für "mdui-scale-" setzen

                                      $("#vis_container").on( "click", "[class*='mdui-scale-']", function(event) {

                                      MDUI.scale( $(this) );

                                      } );

                                      …

                                      });

                                      Neu:

                                      setTimeout(function () {

                                      // click-Eventhandler für "mdui-scale-" setzen

                                      $("body").on( "click", "[class*='mdui-scale-']", function(event) {

                                      MDUI.scale( $(this) );

                                      } );

                                      …

                                      });

                                      Werde ich so auch in die Scripte übernehmen. Danke für den Hinweis.

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

                                      1 Reply Last reply
                                      0
                                      • M Offline
                                        M Offline
                                        MaikB85
                                        wrote on last edited by
                                        #95

                                        @ok1:

                                        Hallo, bei mir funktioniert der Einsatz des "jqui-container - Icon - view in jqui Dialog" - Widgets in Verbindung mit der Einbindung von FLOT-Diagrammen noch nicht ganz.

                                        In dem sich öffnenden modalen Dialog reagiert der "Pfeil unten"-Button nicht, so dass auch die Schaltflächen nicht angezeigt werden. Gibt es hier für die jqui-Dialog-Boxen evtl. eine Lösung ?

                                        Eine Frage am Rande: wie mergt ihr Eure aktuellen und individuell bearbeiteten vis-views.json und vis-user.css - Versionen mit den neuen Update-Versionen ? Z.Zt. mache dich das über View-Export und Import, sowie bei CSS über manuelles Kopieren.

                                        Vielen Dank ! `

                                        Hast du bei den CSS-Klassen der Buttons den Klasseneintrag "mdui-target-w00xxx" auf dein Flot Element angepasst?

                                        Ich hatte im übrigen ein ähnliches Problem. Ich habe bei mir alles mit Cards aufgebaut, die zusätzlich noch die Eigenschaft "title" haben. das Problem ist, dass sich dann der halbtransparente Balken des Titels sich über die Buttons legt und diese dann nicht mehr "klickbar" sind. Musste das dann etwas umständlich anders lösen, indem ich dem Card View, wo ich mein Flot habe einen halbtransparenten Balken eingefügt habe, der unter den Buttons liegt und dann entsprechend die transparenz der Schrift geändert, damit es gleich aussieht.

                                        Gruß Maik
                                        1528_screenshot2.png

                                        1 Reply Last reply
                                        0
                                        • UhulaU Offline
                                          UhulaU Offline
                                          Uhula
                                          wrote on last edited by
                                          #96

                                          @MaikB85

                                          Du Schelm, "mdui-title" ist doch für Cards und Tiles gar nicht dokumentiert ;-)

                                          Dein Problem kannst du aber leichter lösen: Ordne den beiden Schaltflächen zum [Öffnen] und [Zoomen] einfach die Eigenschaft "z-index = 2" zu; dann liegen sie "über" den Titelhintergründen.

                                          Freut mich, wie intensiv du das MD nutzt.

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

                                          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

                                          762

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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