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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

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

Scheduled Pinned Locked Moved Visualisierung
vis
191 Posts 22 Posters 31.3k 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.
  • 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
                      • D Offline
                        D Offline
                        der-eine
                        wrote on last edited by
                        #128

                        Zeigt doch bitte mal eure Views zum Lichter schalten. Brauche etwas Inspiration. :smirk:

                        UhulaU T P 3 Replies Last reply
                        0
                        • D der-eine

                          Zeigt doch bitte mal eure Views zum Lichter schalten. Brauche etwas Inspiration. :smirk:

                          UhulaU Offline
                          UhulaU Offline
                          Uhula
                          wrote on last edited by
                          #129

                          @der-eine Weniger ist mehr, ist bin da eher puristisch
                          96def5d2-dc27-4b5d-98c2-3c7ec192a554-image.png

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

                          1 Reply Last reply
                          0
                          • D der-eine

                            Zeigt doch bitte mal eure Views zum Lichter schalten. Brauche etwas Inspiration. :smirk:

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

                            @der-eine 2020-04-23 18_13_21-vis.png

                            2020-04-23 18_13_47-vis.png

                            1 Reply Last reply
                            0
                            • D der-eine

                              Zeigt doch bitte mal eure Views zum Lichter schalten. Brauche etwas Inspiration. :smirk:

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

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

                              Zeigt doch bitte mal eure Views zum Lichter schalten. Brauche etwas Inspiration.

                              Bei mir gibts immer für alles ne Detaillierte Variante und ne kurze auf der Übersichtsseite

                              Detailliert:
                              2020-04-23 18_11_12-vis.png

                              Übersicht inkl. der Steckdosen:
                              2020-04-23 18_16_54-vis.png

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

                                Danke für eure Views haben alle etwas was ich übernehmen werde! :+1:

                                @Uhula wenn das nur ein PopUp ist, wie sieht denn der ganze View aus?

                                @Tirador was verbirgt sich den hinter dem Zahnrad und Hue?

                                @ Pittini die Übersicht ist eine gute Idee :+1: Die Watt zahlen sind Bindings im html basic Widget?

                                P 1 Reply Last reply
                                0
                                • D der-eine

                                  Danke für eure Views haben alle etwas was ich übernehmen werde! :+1:

                                  @Uhula wenn das nur ein PopUp ist, wie sieht denn der ganze View aus?

                                  @Tirador was verbirgt sich den hinter dem Zahnrad und Hue?

                                  @ Pittini die Übersicht ist eine gute Idee :+1: Die Watt zahlen sind Bindings im html basic Widget?

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

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

                                  Die Watt zahlen sind Bindings im html basic Widget?

                                  Nein, das sind Basic Number Widgets, da kann man ja Texte davor und dahinter hängen.

                                  D 1 Reply Last reply
                                  0
                                  • P Pittini

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

                                    Die Watt zahlen sind Bindings im html basic Widget?

                                    Nein, das sind Basic Number Widgets, da kann man ja Texte davor und dahinter hängen.

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

                                    @Pittini alles klar. Danke. :+1:

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

                                      Neue Version der VIS mit Bildern im 1. Post

                                      UhulaU 1 Reply Last reply
                                      0
                                      • D der-eine

                                        Neue Version der VIS mit Bildern im 1. Post

                                        UhulaU Offline
                                        UhulaU Offline
                                        Uhula
                                        wrote on last edited by
                                        #136

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

                                        Neue Version der VIS mit Bildern im 1. Post

                                        Sehr schön, lediglich die raised-Buttons (z.B. bei play) gefallen mir nicht, flat wäre hier mein Favorit.

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

                                        D 1 Reply Last reply
                                        0
                                        • UhulaU Uhula

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

                                          Neue Version der VIS mit Bildern im 1. Post

                                          Sehr schön, lediglich die raised-Buttons (z.B. bei play) gefallen mir nicht, flat wäre hier mein Favorit.

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

                                          @Uhula danke Dir. :grinning:
                                          ist ja zu 99% Deine Arbeit. :wink:

                                          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

                                          747

                                          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