Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
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

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.8k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
191 Beiträge 22 Kommentatoren 29.2k Aufrufe 43 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • Uli977U Offline
    Uli977U Offline
    Uli977
    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
    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.
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        0
        • Uli977U Offline
          Uli977U Offline
          Uli977
          schrieb am zuletzt editiert von
          #115

          Also die Demos gehen jetzt schon mal!

          Dominik F.D 1 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • Uli977U Uli977

              Also die Demos gehen jetzt schon mal!

              Dominik F.D Offline
              Dominik F.D Offline
              Dominik F.
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antworten Letzte Antwort
                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.
                  schrieb am zuletzt editiert von
                  #119

                  @der-eine

                  Glückwunsch :)

                  sigi234S 1 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • Dominik F.D Dominik F.

                        @der-eine

                        Glückwunsch :)

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #123

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

                          D 1 Antwort Letzte Antwort
                          0
                          • T Tirador

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

                            D Offline
                            D Offline
                            Desastro
                            schrieb am zuletzt editiert von
                            #124

                            @Tirador

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

                            Gruß

                            1 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #125

                              @der-eine Glückwunsch! Super Sache!

                              1 Antwort Letzte Antwort
                              0
                              • D Offline
                                D Offline
                                der-eine
                                schrieb am zuletzt editiert von der-eine
                                #126

                                Dankeschön an alle! :grinning:

                                1 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • D Offline
                                    D Offline
                                    der-eine
                                    schrieb am zuletzt editiert von
                                    #128

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

                                    UhulaU T P 3 Antworten Letzte Antwort
                                    0
                                    • D der-eine

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

                                      UhulaU Offline
                                      UhulaU Offline
                                      Uhula
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • D der-eine

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

                                        T Offline
                                        T Offline
                                        Tirador
                                        schrieb am zuletzt editiert von
                                        #130

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

                                        2020-04-23 18_13_47-vis.png

                                        1 Antwort Letzte Antwort
                                        0
                                        • D der-eine

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

                                          P Offline
                                          P Offline
                                          Pittini
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          835

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe