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. [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

[Material Design CSS / MDCSS V2] Vis-Views zur Inspiration

Scheduled Pinned Locked Moved Visualisierung
vis
191 Posts 22 Posters 30.0k Views 43 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.
  • P Pittini

    @Dominik-F
    Dein Wunschfeld is drin. 1.1.7 auf Git.

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

    @Pittini

    Oh super, vielen lieben Dank.

    P 1 Reply Last reply
    0
    • P Pittini

      @BoehserWolf sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

      Mein angepasstes Script 'Zählen von Fenstern'.

      Vieleicht kannst Dus ja brauchen, hier is meine Variante eines Fensteroffen Skripts. Es zählt nicht pro Fenster, sondern pro Raum und gesamt und legt entsprechende Datenpunkte an. Es ist generisch angelegt sodass fast alle Sensoren ausgewertet werden können. Außerdem berücksichtigt es dass HM Fensterkontakt ja an sich 2 Öffnungen signalisieren closed > open > tilted. Weiterhin ist Benachrichtigung via Alexa oder/und Telegram vorbereitet, mit einstellbarer Zeitspanne entweder einmalig oder alle x Minuten.

      T Offline
      T Offline
      Tirador
      wrote on last edited by Tirador
      #109

      @Pittini ich verstehe das es schwierig ist sein komplettes Projekt nach außen zu öffnen.

      Ich habe dein Skript für das Zählen der Fenster gerade installiert. Das klappt super! :)

      Genial wäre es natürlich, wenn man ebenso andere Objekte per Funktionszuordnung modular mitzählen könntest, d.h. Steckdosen und Lichter (in den definierten Räumen). Eventuell muss man dann beide Zustände zählen (offen und geschlossen, an und aus; sowie eventuell noch Anzahl Elemente im Raum). Planst Du noch entsprechende Erweiterungen?

      Interesse hätte ich auch an deinem Widget zur Ausgabe der Fenster mit Logmeldung:
      2020-03-25 20_43_03-[Material Design CSS _ MDCSS V2] Vis-Views zur Inspiration.png

      P 2 Replies Last reply
      0
      • T Tirador

        @Pittini ich verstehe das es schwierig ist sein komplettes Projekt nach außen zu öffnen.

        Ich habe dein Skript für das Zählen der Fenster gerade installiert. Das klappt super! :)

        Genial wäre es natürlich, wenn man ebenso andere Objekte per Funktionszuordnung modular mitzählen könntest, d.h. Steckdosen und Lichter (in den definierten Räumen). Eventuell muss man dann beide Zustände zählen (offen und geschlossen, an und aus; sowie eventuell noch Anzahl Elemente im Raum). Planst Du noch entsprechende Erweiterungen?

        Interesse hätte ich auch an deinem Widget zur Ausgabe der Fenster mit Logmeldung:
        2020-03-25 20_43_03-[Material Design CSS _ MDCSS V2] Vis-Views zur Inspiration.png

        P Offline
        P Offline
        Pittini
        Developer
        wrote on last edited by
        #110

        @Tirador sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

        Planst Du noch entsprechende Erweiterungen?

        Ich hab das Fensterskript heute ja erweitert, so dass man jetzt selber offen/geschlossen States hinzufügen kann, somit sollte es für alle Tür/Fensterkontakt bzw. Drehgriffe einsetzbar sein.
        Aktuell mach ich mein Batteriestandswarnungsskript massentauglich, das wird die nächsten Tage kommen.
        Das Widget is eigentlich keines, das ist nen simples Basic Html Widget. Alles was Du da drin siehst, Bilder, Texte, Farbwechsel wird von meinem HeatingControl Skript dynamisch erzeugt. So schick geht das aber nur wenn man Uhulas MD2 verwendet und ist somit nicht mehr generisch. Ne "light" Variante is im Fensterskript neuerdings aber auch integriert, es wird jetzt ne kombinierte, ebenfalls dynamisch erzeugte Textliste aller gerade geöffneten Räume ausgegeben. Ich werd mal sehen ob ich das als HTML Tabelle ausgeben lasse, erste versuche waren aber nicht überzeugend, weil im HTML5 die Tabellendesignelemente wegfielen. Mal sehen, jetzt mach ich erst mal das Batterieskript fertig.

        1 Reply Last reply
        0
        • Dominik F.D Dominik F.

          @Pittini

          Oh super, vielen lieben Dank.

          P Offline
          P Offline
          Pittini
          Developer
          wrote on last edited by
          #111

          @Dominik-F sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

          Oh super, vielen lieben Dank.

          Dein HMIP Drehgriff is jetzt auch drin. Guggst Du Git.

          1 Reply Last reply
          0
          • Uli977U Offline
            Uli977U Offline
            Uli977
            wrote on last edited by Uli977
            #112

            Hallo zusammen!

            Ich bräuchte eine Starthilfe.....

            Ich habe dies hier gemacht
            c8acd72e-b588-4049-9278-4ab6665c0f54-image.png 333f37b4-a03a-4fc9-9da2-fad38e972ea5-image.png

            Aber bei mir kommen in der VIS nur komische Dinge

            Habe das VIS von @der-eine als Basis genommen 2020-03-19-VIS-iPhone.zip

            41a6e14b-0dda-4e9d-9f4b-b01adb6cbc12-image.png

            Also bin ich weit weg von so einem aussehen

            e5f0f382-99db-4f79-ab97-bd751cec3933-image.png

            Vielleicht habe ich das ja auch falsch verstanden.....

            Könnt ihr mir eine Einstiegshilfe geben?

            Dominik F.D D 2 Replies Last reply
            0
            • Uli977U Uli977

              Hallo zusammen!

              Ich bräuchte eine Starthilfe.....

              Ich habe dies hier gemacht
              c8acd72e-b588-4049-9278-4ab6665c0f54-image.png 333f37b4-a03a-4fc9-9da2-fad38e972ea5-image.png

              Aber bei mir kommen in der VIS nur komische Dinge

              Habe das VIS von @der-eine als Basis genommen 2020-03-19-VIS-iPhone.zip

              41a6e14b-0dda-4e9d-9f4b-b01adb6cbc12-image.png

              Also bin ich weit weg von so einem aussehen

              e5f0f382-99db-4f79-ab97-bd751cec3933-image.png

              Vielleicht habe ich das ja auch falsch verstanden.....

              Könnt ihr mir eine Einstiegshilfe geben?

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

              @Uli977

              Das sieht sehr stark danach aus das entweder das CSS Skript oder das Skript unter Skripte dran schuld ist. Hast du eventuell unter Global ein zusätzliches Skript was das ganze stören könnte?
              Bist du sicher, dass du unter CSS und Skripte auch die richtigen Skripte rein kopiert hast?
              Funktioniert die Demo von uhula bei dir?
              Hast du folgenden Adapter "iobroker.vis-material" installiert? Der nutzt eine ältere CSS Version und kann zu problemen führen.

              Uli977U 1 Reply Last reply
              0
              • Dominik F.D Dominik F.

                @Uli977

                Das sieht sehr stark danach aus das entweder das CSS Skript oder das Skript unter Skripte dran schuld ist. Hast du eventuell unter Global ein zusätzliches Skript was das ganze stören könnte?
                Bist du sicher, dass du unter CSS und Skripte auch die richtigen Skripte rein kopiert hast?
                Funktioniert die Demo von uhula bei dir?
                Hast du folgenden Adapter "iobroker.vis-material" installiert? Der nutzt eine ältere CSS Version und kann zu problemen führen.

                Uli977U Offline
                Uli977U Offline
                Uli977
                wrote on last edited by Uli977
                #114

                @Dominik-F
                Hallo Dominik,
                hatte tatsächlich ein Skript auch unter Global, das habe ich jetzt erst mal entfernt. Aber es hat sich trotzdem nichts geändert.
                Ich habe mein Projekt auch MD_Demo genannt und habe das CSS Skript reinkopiert unter Projekt und das Skript unter Skripte.
                Die Demo von uhala, das weiss ich nicht. Müsste ich nochmal ausprobieren.

                "iobroker.vis-material" - Wo bekomme ich den Adapter her.?

                Habe mittels des Links versucht den Adapter zu installieren, aber er taucht nicht aus.
                https://github.com/iobroker-community-adapters/ioBroker.vis-material.git

                Hier die Adapter welche ich installiert habe.
                bae272e8-e84b-4371-b687-996c2e09e359-image.png

                Viele Grüße!

                EDIT:

                oder ist es das hier

                881f289d-2496-47f1-9eae-bee1e1ce4cbe-image.png

                P 1 Reply Last reply
                0
                • Uli977U Offline
                  Uli977U Offline
                  Uli977
                  wrote on last edited by
                  #115

                  Also die Demos gehen jetzt schon mal!

                  Dominik F.D 1 Reply Last reply
                  0
                  • Uli977U Uli977

                    @Dominik-F
                    Hallo Dominik,
                    hatte tatsächlich ein Skript auch unter Global, das habe ich jetzt erst mal entfernt. Aber es hat sich trotzdem nichts geändert.
                    Ich habe mein Projekt auch MD_Demo genannt und habe das CSS Skript reinkopiert unter Projekt und das Skript unter Skripte.
                    Die Demo von uhala, das weiss ich nicht. Müsste ich nochmal ausprobieren.

                    "iobroker.vis-material" - Wo bekomme ich den Adapter her.?

                    Habe mittels des Links versucht den Adapter zu installieren, aber er taucht nicht aus.
                    https://github.com/iobroker-community-adapters/ioBroker.vis-material.git

                    Hier die Adapter welche ich installiert habe.
                    bae272e8-e84b-4371-b687-996c2e09e359-image.png

                    Viele Grüße!

                    EDIT:

                    oder ist es das hier

                    881f289d-2496-47f1-9eae-bee1e1ce4cbe-image.png

                    P Offline
                    P Offline
                    Pittini
                    Developer
                    wrote on last edited by
                    #116

                    @Uli977 sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                    "iobroker.vis-material" - Wo bekomme ich den Adapter her.?

                    Lies nochmal was @Dominik-F geschrieben hatte:

                    Hast du folgenden Adapter "iobroker.vis-material" installiert? Der nutzt eine ältere CSS Version und kann zu problemen führen.

                    1 Reply Last reply
                    0
                    • Uli977U Uli977

                      Also die Demos gehen jetzt schon mal!

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

                      @Uli977

                      Wenn die Demos jetzt funktionieren, dann solltest du das Projekt importieren können und ausschließlich den Pfad zum Webfont anpassen müssen und dort dein Projektnamen eintragen. Dann sollte die Vis @dereine funtkionieren

                      1 Reply Last reply
                      0
                      • Uli977U Uli977

                        Hallo zusammen!

                        Ich bräuchte eine Starthilfe.....

                        Ich habe dies hier gemacht
                        c8acd72e-b588-4049-9278-4ab6665c0f54-image.png 333f37b4-a03a-4fc9-9da2-fad38e972ea5-image.png

                        Aber bei mir kommen in der VIS nur komische Dinge

                        Habe das VIS von @der-eine als Basis genommen 2020-03-19-VIS-iPhone.zip

                        41a6e14b-0dda-4e9d-9f4b-b01adb6cbc12-image.png

                        Also bin ich weit weg von so einem aussehen

                        e5f0f382-99db-4f79-ab97-bd751cec3933-image.png

                        Vielleicht habe ich das ja auch falsch verstanden.....

                        Könnt ihr mir eine Einstiegshilfe geben?

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

                        @Uli977 sorry für die späte Antwort aber ich wurde Papa da sind die Prioritäten anders verteilt. :slightly_smiling_face:

                        So wie es aussieht, habt ihr das Problem eh schon gelöst.

                        @Dominik-F danke dafür.

                        Dominik F.D Uli977U 2 Replies Last reply
                        0
                        • D der-eine

                          @Uli977 sorry für die späte Antwort aber ich wurde Papa da sind die Prioritäten anders verteilt. :slightly_smiling_face:

                          So wie es aussieht, habt ihr das Problem eh schon gelöst.

                          @Dominik-F danke dafür.

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

                          @der-eine

                          Glückwunsch :)

                          sigi234S 1 Reply Last reply
                          0
                          • T Tirador

                            @Dominik-F ja ist mir bekannt. Deshalb habe ich die Scrounger-Widgets nun wieder deinstalliert, obwohl ich keine Probleme damit hatte.

                            Ich war übrigens nicht ganz untätig die letzten Tage.
                            Ich habe nun auf CSS 2.3 umgestellt und die page - Seiten umbenannt, so dass dynamisch die Namen in der Titelanzeige erscheinen. Außerdem neue Icons genutzt, die mit CSS 2.3 jetzt möglich sind.
                            Außerdem ist mir aufgefallen, dass beim Ein/Aufklappen der Cards die Texte nicht richtig zentriert waren.
                            Ebenso habe ich in diesem Zuge jetzt drauf geachtet, dass Text in der Card gleichmäßig eingerückt ist.
                            Das alleine hat ewig gedauert, jetzt die Höhen aller Icons/Texte auf allen Cards anzupassen.

                            Kurzes Update zu meinen Ansichten:

                            Meine Sicherheitsansicht enthält nun auch Wassermelder und symbolische Anwesenheiten:

                            2020-03-22 20_25_26-vis.png

                            Die Lichteranzeigen habe ich auch überarbeitet:

                            2020-03-22 20_27_42-vis.png

                            Die Konfiguration des Wohnzimmerlichts ist nun in einem Popup versteckt:

                            2020-03-22 20_29_49-vis.png

                            Die Sonos Card habe ich jetzt geteilt. Auf der zweiten Sonos Card werden ich versuchen noch eine aktuelle Playlist einzubauen:

                            2020-03-22 20_31_52-vis.png

                            Meine "Klima"-Seite ist aktuell Work-in-Process (für den Temperaturverlauf Card rechts aller Temperatursensoren bastel ich noch an Grafana):

                            2020-03-22 20_33_38-vis.png

                            D Offline
                            D Offline
                            Desastro
                            wrote on last edited by
                            #120

                            @Tirador sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                            Ich habe nun auf CSS 2.3 umgestellt und die page - Seiten umbenannt, so dass dynamisch die Namen in der Titelanzeige erscheinen.

                            Hi

                            Kannst du mir kurz erklären, wie du das genau gemacht hast das beim Umschalten der Seiten die Titelleiste den entsprechenden Namen hat? Danke.

                            Gruß Thomas

                            T 1 Reply Last reply
                            0
                            • D Desastro

                              @Tirador sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                              Ich habe nun auf CSS 2.3 umgestellt und die page - Seiten umbenannt, so dass dynamisch die Namen in der Titelanzeige erscheinen.

                              Hi

                              Kannst du mir kurz erklären, wie du das genau gemacht hast das beim Umschalten der Seiten die Titelleiste den entsprechenden Namen hat? Danke.

                              Gruß Thomas

                              T Offline
                              T Offline
                              Tirador
                              wrote on last edited by
                              #121

                              @Desastro Hallo Desastra, na klar:

                              Du musst dem Textfeld in der View "abar" nur die entsprechende CSS-Klasse zuweisen.

                              2020-03-28 19_53_38-Edit vis.png

                              1 Reply Last reply
                              0
                              • Dominik F.D Dominik F.

                                @der-eine

                                Glückwunsch :)

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by
                                #122

                                @Dominik-F sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                                @der-eine

                                Glückwunsch :)

                                Von mir auch!

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                T 1 Reply Last reply
                                0
                                • sigi234S sigi234

                                  @Dominik-F sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                                  @der-eine

                                  Glückwunsch :)

                                  Von mir auch!

                                  T Offline
                                  T Offline
                                  Tirador
                                  wrote on last edited by
                                  #123

                                  @der-eine ich schließe mich auch an mit den Glückwünschen! :)

                                  D 1 Reply Last reply
                                  0
                                  • T Tirador

                                    @der-eine ich schließe mich auch an mit den Glückwünschen! :)

                                    D Offline
                                    D Offline
                                    Desastro
                                    wrote on last edited by
                                    #124

                                    @Tirador

                                    Danke für den Tipp... funktioniert!
                                    Diese "page-title"-Eigenschaft kann ich noch nicht.

                                    Gruß

                                    1 Reply Last reply
                                    0
                                    • D der-eine

                                      @Uli977 sorry für die späte Antwort aber ich wurde Papa da sind die Prioritäten anders verteilt. :slightly_smiling_face:

                                      So wie es aussieht, habt ihr das Problem eh schon gelöst.

                                      @Dominik-F danke dafür.

                                      Uli977U Offline
                                      Uli977U Offline
                                      Uli977
                                      wrote on last edited by
                                      #125

                                      @der-eine Glückwunsch! Super Sache!

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

                                        Dankeschön an alle! :grinning:

                                        1 Reply Last reply
                                        0
                                        • T Tirador

                                          @Pittini ich verstehe das es schwierig ist sein komplettes Projekt nach außen zu öffnen.

                                          Ich habe dein Skript für das Zählen der Fenster gerade installiert. Das klappt super! :)

                                          Genial wäre es natürlich, wenn man ebenso andere Objekte per Funktionszuordnung modular mitzählen könntest, d.h. Steckdosen und Lichter (in den definierten Räumen). Eventuell muss man dann beide Zustände zählen (offen und geschlossen, an und aus; sowie eventuell noch Anzahl Elemente im Raum). Planst Du noch entsprechende Erweiterungen?

                                          Interesse hätte ich auch an deinem Widget zur Ausgabe der Fenster mit Logmeldung:
                                          2020-03-25 20_43_03-[Material Design CSS _ MDCSS V2] Vis-Views zur Inspiration.png

                                          P Offline
                                          P Offline
                                          Pittini
                                          Developer
                                          wrote on last edited by
                                          #127

                                          @Tirador sagte in [Material Design CSS / MDCSS V2] Vis-Views zur Inspiration:

                                          Interesse hätte ich auch an deinem Widget zur Ausgabe der Fenster mit Logmeldung:

                                          Ist im neuesten Fensterskriptupdate integriert, siehe Anleitung.
                                          fensteroffentut2.png

                                          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

                                          505

                                          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