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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Projekt] MDCSS v2: Material Design CSS Version 2

NEWS

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

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

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

[Projekt] MDCSS v2: Material Design CSS Version 2

Scheduled Pinned Locked Moved Visualisierung
material uivismaterial css
717 Posts 74 Posters 177.7k Views 77 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.
  • S SMARTY.ML

    Hi,

    bei mir wechselt er automatisch auf eine andere View #card... wenn ich am Desktop/Firefox das Fenster anders skaliere.
    Jemand eine Idee?

    GlasfaserG Offline
    GlasfaserG Offline
    Glasfaser
    wrote on last edited by
    #25

    @SMARTY-ML

    Den Haken nur auf deinem Start-View !?

    1.JPG

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    S 1 Reply Last reply
    0
    • GlasfaserG Glasfaser

      @SMARTY-ML

      Den Haken nur auf deinem Start-View !?

      1.JPG

      S Offline
      S Offline
      SMARTY.ML
      wrote on last edited by
      #26

      @Glasfaser Danke ja, aber ausgegraut. Kann ich nicht ändern?

      GlasfaserG 1 Reply Last reply
      0
      • S SMARTY.ML

        @Glasfaser Danke ja, aber ausgegraut. Kann ich nicht ändern?

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        wrote on last edited by Glasfaser
        #27

        @SMARTY-ML

        Wenn " nicht definiert " ist , dann ist er nicht auswählbar !

        1.JPG
        .
        1.JPG

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        S 1 Reply Last reply
        0
        • GlasfaserG Glasfaser

          @SMARTY-ML

          Wenn " nicht definiert " ist , dann ist er nicht auswählbar !

          1.JPG
          .
          1.JPG

          S Offline
          S Offline
          SMARTY.ML
          wrote on last edited by
          #28

          @Glasfaser Danke,es liegt auf jedenfall daran. Trotzdem bockt er bei manchen Auflösungen immer wieder in die View rein. Alle Haken raus und es steht auf nicht definiert. hmmm?

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

            @etv

            versuch es mal so:

            :root {
            
              /* Design-time light-Theme 
              --design-background: #f8f8f8;
              --design-vis-font-color: #000000;
              --design-hint-background: #0000ff;
              --design-hint-color: #ffffff;
              --design-grid: #000000;
            */
              /* Design-time dark-Theme */ 
              --design-background: #404040;
              --design-vis-font-color: #ffffff;
              --design-hint-background: #ff8000;
              --design-hint-color: #ffffff;
              --design-grid: #ffffff;
              
            }
            
            etvE Offline
            etvE Offline
            etv
            wrote on last edited by
            #29

            @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

            …ist schon sehr lange begeisterter ioBroker Nutzer! 1x zu Hause und 1x auf der Alm. ioBroker ist das 'Hirn' des Smarthome und steuert HomeMatic und Shellys, loggt was so passiert, zeigt es auf Tabletts schön an und ermöglicht mir via Cloud Adapter den Fernzugriff...

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

              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?

              sigi234S 1 Reply Last reply
              0
              • D der-eine

                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?

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

                @der-eine

                Screenshot (1779).png

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

                D 1 Reply Last reply
                0
                • sigi234S sigi234

                  @der-eine

                  Screenshot (1779).png

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

                  @sigi234 ohne Skript einfach nur das Binding? Damit kann ich es aber nicht mit den Klassen aus MD formatieren.

                  sigi234S 1 Reply Last reply
                  0
                  • D der-eine

                    @sigi234 ohne Skript einfach nur das Binding? Damit kann ich es aber nicht mit den Klassen aus MD formatieren.

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

                    @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.

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

                    D 1 Reply Last reply
                    0
                    • sigi234S sigi234

                      @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 Offline
                      D Offline
                      der-eine
                      wrote on last edited by
                      #34

                      @sigi234 ja genau hätte es gerne mit MD formatiert!

                      sigi234S 1 Reply Last reply
                      0
                      • D der-eine

                        @sigi234 ja genau hätte es gerne mit MD formatiert!

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

                        @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

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

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

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

                          sigi234S 1 Reply Last reply
                          0
                          • D der-eine

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

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

                            @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......

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

                            D 1 Reply Last reply
                            0
                            • sigi234S sigi234

                              @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 Offline
                              D Offline
                              der-eine
                              wrote on last edited by der-eine
                              #38

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

                              sigi234S 1 Reply Last reply
                              0
                              • sigi234S sigi234

                                @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 Offline
                                P Offline
                                Pittini
                                Developer
                                wrote on last edited by
                                #39

                                @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 sigi234S 3 Replies Last reply
                                0
                                • D der-eine

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

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

                                  @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.

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

                                  1 Reply Last reply
                                  0
                                  • P Pittini

                                    @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 Offline
                                    D Offline
                                    der-eine
                                    wrote on last edited by
                                    #41

                                    @Pittini genau. Danke :+1:

                                    1 Reply Last reply
                                    0
                                    • P Pittini

                                      @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.

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

                                      @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.

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

                                      1 Reply Last reply
                                      0
                                      • P Pittini

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

                                        Einstellungsdialog nun 2-seitig, 1x Farben, 1xcards. Separate Einstellung für lnav/rnav-Farben und card-Titel
                                        Jap, funktioniert im Demoprojekt.

                                        Nach einfügen in mein Projekt:
                                        Einstelldialog 2seitig, ja. Separate Einstellung für lnav und rnav funktioniert hier kein bisschen, es ändert sich keine Hg-Farbe, wohl aber die Textfarbe. Einstelldialog bleibt weiß. Card Titel Farben funktionieren einwandfrei.

                                        Hab den kompletten Einstelldialog, also die 3 Config Seiten aus dem MD_Demo Projekt kopiert und alles was dort "demo_" hieß, zu "myhome_" umbenannt. Ebenso die 3 Blöcke im abar.

                                        2020-02-22 16_17_04-.png

                                        2020-02-22 14_22_10-Window.png

                                        Um den Fehler einzugrenzen hab ich mal aus dem Demoprojekt die komplette rnav importiert und meine umbenannt - gleiches Ergebnis.
                                        Dann hab ich eine der page... zu mir importiert, hat natürlich etliche "View nicht gefunden" gegeben aber die Navs heißen ja gleich. Aber auch hier gleiches Ergebnis.

                                        Hab ich was vergessen? Wo kann ich noch suchen? Mir gehen die Ideen aus.

                                        PS: Ich hab noch ein Projekt angefangen auf GRundlage des MD Simple Projekts. Da gibts aktuell grad mal das Grundgerüst und 3 Demopages, aber auch hier is schon der Wurm drin, da ändern sich die abar und tnav Farben nicht.
                                        Entweder stell ich mich ganz besonders dämlich an, oder mir fehlen Infos, oder irgendwo is im Projekt nochn Bug drin.

                                        PPS: Getestet mit Chrome und Firefox, jeweils aktuelle Version.

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

                                        @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
                                        0
                                        • Dominik F.D 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 Offline
                                          P Offline
                                          Pittini
                                          Developer
                                          wrote on last edited by
                                          #44

                                          @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.D 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

                                          287

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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