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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorlage] MDCSS v2: ioBroker Log in vis anzeigen

NEWS

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

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

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

[Vorlage] MDCSS v2: ioBroker Log in vis anzeigen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vismaterial uimaterial csshow-to
37 Beiträge 11 Kommentatoren 5.9k Aufrufe 16 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.
  • UhulaU Uhula
    Um ein Feedback zu erhalten wäre es schön, wenn jeder, der diese Vorlagen nutzt, den 1.Beitrag positiv bewertet (Pfeil nach oben oder unten ;-) ). Ich kann dann auch abschätzen, ob sich die weitere Pflege lohnt. Thx!

    Dieses Script dient der Visualisierung des ioBroker-Logs in der vis im Material Design CSS Style als
    table- bzw. list-Anzeige. Dazu wird ein onLog()-Handler instanziiert, welcher bis zu MAX_LOG_CACHE
    Log-Einträge zwischenspeichert und daraus dann alle BUILD_TABLE_TIMER Sekunden bis zu MAX_LOG_FOLDER
    Log-Ordner erzeugt. In jedem Log-Ordner befindet sich ein table- und list-HTML State, welcher direkt in
    der vis angezeigt werden kann (jeweils im basic-string (unescaped) Widget). Je Log-Ordner kann ein filter
    als string (Bsp:'error') oder als RegExp (Bsp:'/warn|error/') festgelegt werden, welcher beim Aufbau der
    table-/list-HTML States berücksichtigt wird. Weiterhin können über clearPressed die table-/list-States
    gelöscht werden, beim nächsten Build werden sie dann nur solche Log-Eintäge berücksichtigen, die später hinzu kamen.

    Danke an @Mic für seinen Beitrag Vorlage JS Log, dort habe ich einige Ideen abgegriffen.

    Wichtig! Der Javascript-Adapter muss mindestens Version 4.3.0 haben, da onLog() erst ab dann verfügbar ist.

    GIF 05.03.2020 22-42-03.gif GIF 05.03.2020 22-59-35.gif

    Installation

    Einfach als serverseitiges Script installieren und starten-5 Sek warten-stoppen-starten. Beim 1.Start werden
    die notwendigen States unter STATE_PATH = '0_userdata.0.mdui.logIOBroker.' erzeugt. Erst beim 2.Start
    instanziiert das Script die Event-Handler und läuft dann.

    Konfiguration

    Optional im constructor die const anpassen, wie z.B. die IGNORE_LIST
    Optional Anpassung der tmpTable und tmpList.
    Bei Anpassung der tmpTable und tmpList auch ohne MD CSS Style nutzbar.

    States

    Unter dem STATE_PATH werden die folgenden States erzeugt:
    version : Script-Version, wird verwendet um Script-Updates zu erkennen
    logCache : Cache der Log-Einträge als JSON
    logCount : Anzahl der Log-Einträge in logCache
    updatePressed : auf true setzen, wenn ein table/list update außerhalb des Intervals erfolgen soll

    Weiterhin werden MAX_LOG_FOLDER Unterordner im STATE_PATH erzeugt (N=0-9):

    LogN.table : enthält die table-HTML für ein basic-string (unescaped) Widget
    LogN.list : enthält die list-HTML für ein basic-string (unescaped) Widget
    LogN.count : Anzahl der Log-Zeilen
    LogN.filter : Filter, der auch die logCache angewendet wurde im .table/.list zu erzeugen (siehe Filter)
    LogN.lastUpdate : Timestamp des letzten Updates
    LogN.lastClear : Timestamp des letzten manuellen "clearPressed", d.h. anschließend werden nur
    noch neuere Einträge aus der logCache berücksichtigt
    LogN.clearPressed: auf true setzen, um die .table/.list zu löschen

    Filter

    In den filter-States können sowohl strings (Bsp:'error') als auch RegExp-Strings (Bsp:'/warn|error/')
    hinterlegt werden. RegExp-Strings werden an den einschließenden '/' erkannt. Über den ':' kann der Anfang
    eines Feldes mit in den Filter einbezogen werden.
    Beispiele:
    'error' (string) zeigt alle Zeilen an, in denen 'error' in irgendeinem Feld vorkommt
    ':error:' (string) zeigt alle Zeilen an, welche den Typ 'error' besitzen (dito für: error, warn, info, silly, debug)
    '/error|warn/' (RegExp) zeigt alle Zeilen an, in denen 'error' oder 'warn' in irgendeinem Feld vorkommen
    '/:error:|:warn:/' (RegExp) zeigt alle Zeilen an, welche dem Typ 'error' oder 'warn' entsprechen
    'tr-064' (string) zeigt alle Zeilen an, in denen 'tr-064' in irgendeinem Feld vorkommt
    ':tr-064' (string) zeigt alle Zeilen an, in welchen ein Feld mit 'tr-064' beginnt, z.B. als Adapterfilter

    :arrow_forward: Beschreibung (Github)
    :arrow_forward: Datei-Download (Github)

    MicM Offline
    MicM Offline
    Mic
    Developer
    schrieb am zuletzt editiert von
    #7

    @Uhula
    Schöne Sache, ich habe es hier ergänzt: https://forum.iobroker.net/topic/29461/aufruf-welche-guten-javascripts-setzt-ihr-ein

    1 Antwort Letzte Antwort
    1
    • UhulaU Uhula

      @sigi234 Du warst zu schnell, Script im Spoiler ging nicht, haut diese {1} rein, warum auch immer. Nun als txt-File.

      Dominik F.D Offline
      Dominik F.D Offline
      Dominik F.
      schrieb am zuletzt editiert von
      #8

      @Uhula

      Beim importieren der View bekomme ich folgenden Fehler:
      Unbenannt.PNG

      ich habs genauso gemacht wie bei deiner Vorlage für den TR064 Adapter nur hier kommt leider der Fehler

      UhulaU 1 Antwort Letzte Antwort
      0
      • Dominik F.D Dominik F.

        @Uhula

        Beim importieren der View bekomme ich folgenden Fehler:
        Unbenannt.PNG

        ich habs genauso gemacht wie bei deiner Vorlage für den TR064 Adapter nur hier kommt leider der Fehler

        UhulaU Offline
        UhulaU Offline
        Uhula
        schrieb am zuletzt editiert von
        #9

        @Dominik-F Bei welcher View hast du die Probleme? MduiLogIOBroker_Listview.json oder MduiLogIOBroker_Tableview.txt
        Hast du mal versucht den Inhalt der Dateien direkt im Github mit STRG+A und STRG+C zu kopieren und über die Zwischenablage als View zu importieren?

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

        Dominik F.D 1 Antwort Letzte Antwort
        0
        • UhulaU Uhula

          @Dominik-F Bei welcher View hast du die Probleme? MduiLogIOBroker_Listview.json oder MduiLogIOBroker_Tableview.txt
          Hast du mal versucht den Inhalt der Dateien direkt im Github mit STRG+A und STRG+C zu kopieren und über die Zwischenablage als View zu importieren?

          Dominik F.D Offline
          Dominik F.D Offline
          Dominik F.
          schrieb am zuletzt editiert von
          #10

          @Uhula

          Ich bekomme bei beiden den gleichen Fehler. Ich habs genauso gemacht, habe mir den Inhalt als raw anzeigen lassen und mit strg a und strg c alles kopiert und als neue View eingefügt. Genauso hats bei deiner tr064 view geklappt.

          UhulaU 1 Antwort Letzte Antwort
          0
          • Dominik F.D Dominik F.

            @Uhula

            Ich bekomme bei beiden den gleichen Fehler. Ich habs genauso gemacht, habe mir den Inhalt als raw anzeigen lassen und mit strg a und strg c alles kopiert und als neue View eingefügt. Genauso hats bei deiner tr064 view geklappt.

            UhulaU Offline
            UhulaU Offline
            Uhula
            schrieb am zuletzt editiert von
            #11

            @Dominik-F Ich habe eben beide view Dateien (json) noch einmal auf GitHub aktualisiert und anschließend als view importiert, geht nun, hoffentlich.

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

            Dominik F.D 1 Antwort Letzte Antwort
            0
            • UhulaU Uhula

              @Dominik-F Ich habe eben beide view Dateien (json) noch einmal auf GitHub aktualisiert und anschließend als view importiert, geht nun, hoffentlich.

              Dominik F.D Offline
              Dominik F.D Offline
              Dominik F.
              schrieb am zuletzt editiert von
              #12

              @Uhula

              Jetzt funktioniert es. Vielen Dank

              1 Antwort Letzte Antwort
              0
              • Beliar_666B Offline
                Beliar_666B Offline
                Beliar_666
                schrieb am zuletzt editiert von
                #13

                @Uhula kurze Frage:

                Beim Filter stehen ja einige schon zur Auswahl, also in der Filterauswahl. Wie füge ich dort manuell Sachen hinzu? Z.B. Deconz, oder Javascript?

                UhulaU 1 Antwort Letzte Antwort
                0
                • Beliar_666B Beliar_666

                  @Uhula kurze Frage:

                  Beim Filter stehen ja einige schon zur Auswahl, also in der Filterauswahl. Wie füge ich dort manuell Sachen hinzu? Z.B. Deconz, oder Javascript?

                  UhulaU Offline
                  UhulaU Offline
                  Uhula
                  schrieb am zuletzt editiert von
                  #14

                  @Beliar_666 Einfach im Filter-Widget eintragen. Unter "Werte" den Filterwert und unter "Texte" den Anzeigewert, immer mit ";" trennen.
                  a9634be4-36ac-41fc-bcf9-0144e1dca470-image.png

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

                  Beliar_666B 1 Antwort Letzte Antwort
                  1
                  • UhulaU Uhula

                    @Beliar_666 Einfach im Filter-Widget eintragen. Unter "Werte" den Filterwert und unter "Texte" den Anzeigewert, immer mit ";" trennen.
                    a9634be4-36ac-41fc-bcf9-0144e1dca470-image.png

                    Beliar_666B Offline
                    Beliar_666B Offline
                    Beliar_666
                    schrieb am zuletzt editiert von
                    #15

                    @Uhula Danke. Und ich trottel such mir nen Wolf im Script....

                    1 Antwort Letzte Antwort
                    0
                    • Stephan SchleichS Offline
                      Stephan SchleichS Offline
                      Stephan Schleich
                      schrieb am zuletzt editiert von
                      #16

                      Woran liegt es wenn im VIS Editor alles gut aussieht, aber in der View nicht?
                      Wie stellt man eigentlich auf das Dark Theme wie in den Gif zu sehen um?

                      6828dfcf-1fc4-4ab5-91ad-95524d235d29-image.png

                      UhulaU 1 Antwort Letzte Antwort
                      0
                      • Stephan SchleichS Stephan Schleich

                        Woran liegt es wenn im VIS Editor alles gut aussieht, aber in der View nicht?
                        Wie stellt man eigentlich auf das Dark Theme wie in den Gif zu sehen um?

                        6828dfcf-1fc4-4ab5-91ad-95524d235d29-image.png

                        UhulaU Offline
                        UhulaU Offline
                        Uhula
                        schrieb am zuletzt editiert von
                        #17

                        @Stephan-Schleich Wenn du dir das MDCSS MD_Demo Projekt ansiehst: Zur Designzeit findest du im view "abar" ein Widget mit CSS Klasse "mdui-config" - dort in der "content" Zeile die Farbe eintragen. Zur Laufzeit im Menü den Punkt "Einstellungen", dort dann "content".
                        Du musst dein Projekt entsprechend anpassen

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

                        1 Antwort Letzte Antwort
                        1
                        • Stephan SchleichS Offline
                          Stephan SchleichS Offline
                          Stephan Schleich
                          schrieb am zuletzt editiert von
                          #18

                          @Uhula achso es geht nur mit deinem Projekt, dann hat sich's schon erledigt, das hab ich mir noch nicht richtig angesehen, hat mich beim ersten ansehen etwas erschlagen ^^

                          Dominik F.D 1 Antwort Letzte Antwort
                          0
                          • Stephan SchleichS Stephan Schleich

                            @Uhula achso es geht nur mit deinem Projekt, dann hat sich's schon erledigt, das hab ich mir noch nicht richtig angesehen, hat mich beim ersten ansehen etwas erschlagen ^^

                            Dominik F.D Offline
                            Dominik F.D Offline
                            Dominik F.
                            schrieb am zuletzt editiert von
                            #19

                            @Stephan-Schleich

                            Nein, das geht mit jedem Projekt. Uhula hat dir nur als Beispiel sein Demoprojekt genannt damit du weißt was du bei deinem dann Einstellen/Übertragen musst

                            Stephan SchleichS 1 Antwort Letzte Antwort
                            0
                            • Dominik F.D Dominik F.

                              @Stephan-Schleich

                              Nein, das geht mit jedem Projekt. Uhula hat dir nur als Beispiel sein Demoprojekt genannt damit du weißt was du bei deinem dann Einstellen/Übertragen musst

                              Stephan SchleichS Offline
                              Stephan SchleichS Offline
                              Stephan Schleich
                              schrieb am zuletzt editiert von
                              #20

                              @Dominik-F Achso, okay, danke werd ich prüfen

                              1 Antwort Letzte Antwort
                              0
                              • Stephan SchleichS Offline
                                Stephan SchleichS Offline
                                Stephan Schleich
                                schrieb am zuletzt editiert von
                                #21

                                Kein Plan was ich in meinem Projekt machen muss, ich pass es nun selber per CSS an. - Sieht auf jeden Fall gut aus

                                Dominik F.D 1 Antwort Letzte Antwort
                                0
                                • Stephan SchleichS Stephan Schleich

                                  Kein Plan was ich in meinem Projekt machen muss, ich pass es nun selber per CSS an. - Sieht auf jeden Fall gut aus

                                  Dominik F.D Offline
                                  Dominik F.D Offline
                                  Dominik F.
                                  schrieb am zuletzt editiert von
                                  #22

                                  @Stephan-Schleich

                                  Link Text

                                  Ich vermute, dass du das CSS von Uhula bisher nicht nutzt. Das ist die Grundlage damit es nachher so aussieht wie in der gif. Hab dir mal den Link zu Github von seinem Projekt geschickt. Dort steht auch beschrieben was du bei dir wo einfügen musst.

                                  1 Antwort Letzte Antwort
                                  0
                                  • Stephan SchleichS Offline
                                    Stephan SchleichS Offline
                                    Stephan Schleich
                                    schrieb am zuletzt editiert von
                                    #23

                                    @Dominik-F ich nutze lediglich das script.js, global.css sowie das projekt.css

                                    Dominik F.D 1 Antwort Letzte Antwort
                                    0
                                    • Stephan SchleichS Stephan Schleich

                                      @Dominik-F ich nutze lediglich das script.js, global.css sowie das projekt.css

                                      Dominik F.D Offline
                                      Dominik F.D Offline
                                      Dominik F.
                                      schrieb am zuletzt editiert von Dominik F.
                                      #24

                                      @Stephan-Schleich

                                      Das ist schon mal sehr gut, dann hast du eigentlich alles was du brauchst damit es auch genauso aussieht wie in der GIF. Ich frage jetzt einfach mal Schritt für Schritt nach weil ich nicht weiß auf welchem Stand du bist.
                                      Den Pfad zum Webfont hast du auch angepasst und die Dateien dafür befinden sich auch im Pfad?
                                      Das Darktheme kannst du im projekt.css dort einstellen und du musst dann die dort beschriebene Zeile löschen:
                                      Unbenannt.PNG

                                      Stephan SchleichS 1 Antwort Letzte Antwort
                                      0
                                      • Dominik F.D Dominik F.

                                        @Stephan-Schleich

                                        Das ist schon mal sehr gut, dann hast du eigentlich alles was du brauchst damit es auch genauso aussieht wie in der GIF. Ich frage jetzt einfach mal Schritt für Schritt nach weil ich nicht weiß auf welchem Stand du bist.
                                        Den Pfad zum Webfont hast du auch angepasst und die Dateien dafür befinden sich auch im Pfad?
                                        Das Darktheme kannst du im projekt.css dort einstellen und du musst dann die dort beschriebene Zeile löschen:
                                        Unbenannt.PNG

                                        Stephan SchleichS Offline
                                        Stephan SchleichS Offline
                                        Stephan Schleich
                                        schrieb am zuletzt editiert von Stephan Schleich
                                        #25

                                        @Dominik-F top, danke für deine Geduld, es müsste eig. alles angepasst sein.

                                        --design-font-color: #000000; steht bei mir auf schwarz weil sonst die Schrift bei diesem Feld im Editor weiß wäre 03158bc5-ae97-4f26-9d9b-a718a8809f59-image.png

                                        Stell ich es aus weiß passt zwar die Schrift farbe im editor in der vis bleibt sie aber schwarz

                                        /* (1) An Projektnamen anpassen (MD_Demo ersetzen) */
                                        @font-face {
                                          font-family: 'Material Icons';
                                          font-style: normal;
                                          font-weight: 400;
                                          src: url(/vis.0/Penthouse/images/MaterialIcons-Regular.eot); /* For IE6-8 */
                                          src: url(/vis.0/Penthouse/images/MaterialIcons-Regular.woff) format('woff'),
                                               url(/vis.0/Penthouse/images/MaterialIcons-Regular.ttf) format('truetype');
                                               
                                        }
                                        
                                        /* (2) Zur Nutung der MaterialDesignIcons (https://github.com/Templarian/MaterialDesign-Webfont/tree/master/fonts) die den @font-face Block umfassenden Kommentare entfernen und die Projektnamen (MD_) durch die eigenen ersetzen. Aus dem angegebenen Link müssen die Font-Dateien via vis-Dateimanager in den (project)/images Ordner kopiert werden.
                                        In der vis Nutzung in der Form: <i class="mdui-mdi">&#xF02DC;</i> */
                                        
                                        @font-face {
                                          font-family: "Material Design Icons";
                                          src: url("../fonts/materialdesignicons-webfont.eot?v=5.0.45");
                                          src: url("/vis.0/Penthouse/images/materialdesignicons-webfont.woff?v=5.0.45") format("woff"), 
                                          url("/vis.0/Penthouse/images/materialdesignicons-webfont.ttf?v=5.0.45") format("truetype");
                                          font-weight: normal;
                                          font-style: normal;
                                        }
                                        
                                        /* (3) Umschalten vis-Edit light/dark Theme */
                                        :root {
                                          /* Design-time light-Theme */
                                          --content-background: #000000;
                                          --design-font-color: #000000;
                                          --design-hint-background: #0000ff;
                                          --design-hint-color: #ffffff;
                                          --design-grid: #ffffff;
                                          --design-color-033:rgba(0,0,0,.33);
                                        
                                        Dominik F.D 1 Antwort Letzte Antwort
                                        0
                                        • Stephan SchleichS Stephan Schleich

                                          @Dominik-F top, danke für deine Geduld, es müsste eig. alles angepasst sein.

                                          --design-font-color: #000000; steht bei mir auf schwarz weil sonst die Schrift bei diesem Feld im Editor weiß wäre 03158bc5-ae97-4f26-9d9b-a718a8809f59-image.png

                                          Stell ich es aus weiß passt zwar die Schrift farbe im editor in der vis bleibt sie aber schwarz

                                          /* (1) An Projektnamen anpassen (MD_Demo ersetzen) */
                                          @font-face {
                                            font-family: 'Material Icons';
                                            font-style: normal;
                                            font-weight: 400;
                                            src: url(/vis.0/Penthouse/images/MaterialIcons-Regular.eot); /* For IE6-8 */
                                            src: url(/vis.0/Penthouse/images/MaterialIcons-Regular.woff) format('woff'),
                                                 url(/vis.0/Penthouse/images/MaterialIcons-Regular.ttf) format('truetype');
                                                 
                                          }
                                          
                                          /* (2) Zur Nutung der MaterialDesignIcons (https://github.com/Templarian/MaterialDesign-Webfont/tree/master/fonts) die den @font-face Block umfassenden Kommentare entfernen und die Projektnamen (MD_) durch die eigenen ersetzen. Aus dem angegebenen Link müssen die Font-Dateien via vis-Dateimanager in den (project)/images Ordner kopiert werden.
                                          In der vis Nutzung in der Form: <i class="mdui-mdi">&#xF02DC;</i> */
                                          
                                          @font-face {
                                            font-family: "Material Design Icons";
                                            src: url("../fonts/materialdesignicons-webfont.eot?v=5.0.45");
                                            src: url("/vis.0/Penthouse/images/materialdesignicons-webfont.woff?v=5.0.45") format("woff"), 
                                            url("/vis.0/Penthouse/images/materialdesignicons-webfont.ttf?v=5.0.45") format("truetype");
                                            font-weight: normal;
                                            font-style: normal;
                                          }
                                          
                                          /* (3) Umschalten vis-Edit light/dark Theme */
                                          :root {
                                            /* Design-time light-Theme */
                                            --content-background: #000000;
                                            --design-font-color: #000000;
                                            --design-hint-background: #0000ff;
                                            --design-hint-color: #ffffff;
                                            --design-grid: #ffffff;
                                            --design-color-033:rgba(0,0,0,.33);
                                          
                                          Dominik F.D Offline
                                          Dominik F.D Offline
                                          Dominik F.
                                          schrieb am zuletzt editiert von Dominik F.
                                          #26

                                          @Stephan-Schleich

                                          Du hast die Farben dort verändert, dass würde ich dir generell nicht raten bzw. nur wenn du dich wirklich auskennst. Du kannst ja die Farben später noch einstellen über Widgets.
                                          Für das Darktheme brauchst du ja nur eine Zeile im Projekt.css löschen und hast es dann.

                                          Hast du in deinem Projekt auch eine abar View drin? Wenn ja, ersetz mal bitte das dritte Widget (müsste es sein) mit meinem Widget:

                                          [{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"\"primary_color\":\"#000000\",\n\"abar_color\":\"#121212\",\n\"tnav_color\":\"#000000\",\n\"bnav_color\":\"#000000\",\n\"lnav_color\":\"#000000\",\n\"rnav_color\":\"#000000\",\n\"secondary_color\":\"amber\",\n\"content_color\":\"#121212\",\n\"lnav_fixed_width\":\"{demo_lnav_fixed_width}\",\n\"lnav_fixed_open\":\"true\"\n","class":"mdui-label xdui-config","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"80px","top":"336px","width":"542px","height":""},"widgetSet":"basic"}]
                                          

                                          Ich hab dort schon Farben definiert

                                          Falls das auch nicht funktioniert würde ich sagen, dass wir uns dann erstmal mit der Demo beschäftigen (vielleicht besser über den Chat um das hier nicht zu unübersichtlich zu machen) und die zum laufen bekommen und dann schauen wo es bei deinem Projekt fehlt. Wenn du magst kannst du mir deins auch hier mal hochladen und ich schau es mir mal an.

                                          Stephan SchleichS 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

                                          734

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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