Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Meine Visu (24 Zoll Touch)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    749

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

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

Meine Visu (24 Zoll Touch)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vismaterial uiown projectmaterial css
20 Beiträge 8 Kommentatoren 3.7k Aufrufe 15 Beobachtet
  • Ä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.
  • MeistertrM Meistertr

    @Conquest ich versuche es zu exportieren, leider schmiert dann immer mein gesamtes system ab, aber ich versuchs weiter

    C Offline
    C Offline
    Conquest
    schrieb am zuletzt editiert von
    #11

    @Meistertr sagte in Meine Visu (24 Zoll Touch):

    @Conquest ich versuche es zu exportieren, leider schmiert dann immer mein gesamtes system ab, aber ich versuchs weiter

    Kein Stress. Wäre super wenn das klappen würde. Bei mir hat der Export nur mit Firefox funktioniert mit allen anderen Browsern stürzt es bei mir auch ab.

    1 Antwort Letzte Antwort
    0
    • MeistertrM Meistertr

      Hallo Leute,
      da alle hier ihre Visu vorstellen, wollte ich das auch mal machen:
      Das ist jetzt meine 5te Visu die immer weiter verfeinert worden ist.

      Zielsetzung war: Alles darstellen ohne dass es überlaufen wirkt. Es werden die Sachen nur angezeigt wenn sie gerade von Interesse sind. Im Homescreen ist eine Art Notificationbar wo dann immer die aktuellen und wichtigen Sachen angezeigt werden.

      Da ich sowohl Materialcss von @Uhula als auch Material widgets von @Scrounger nutzen, (weil beide ihre Vorteile haben) musste ich Materialcss komplett umschreiben, dass es mit der Material widgtes zusammenpasst (weil in der standardversion vertragen sie sich nicht so gut :) ).

      Eine weitere besonderheit ist die volle Farbanpassung von Widgets Backgrounds Farben und Bildern..

      Fertig ist sie leider noch nicht, aber wann ist sowas fertig...
      Das ist der Kalender:

      start_1.gif

      Hier die Animierte Notificationbar:
      start_2.gif

      Hier die Steuerung fürs Erdgeschoss:
      eg.gif

      Und der dies:
      rest.gif

      das ganze hat einen Zentralen Platz im Wohnbereich bekommen:
      IMG_20200601_154746.jpg

      ScroungerS Offline
      ScroungerS Offline
      Scrounger
      Developer
      schrieb am zuletzt editiert von
      #12

      @Meistertr sagte in Meine Visu (24 Zoll Touch):

      Hier die Steuerung fürs Erdgeschoss:
      eg.gif

      Sehr schöne Vis!
      Wie hast du die Rolladensteuerung realisiert?
      Kannst du das Widget bitte teilen?

      MeistertrM 1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        @Meistertr sagte in Meine Visu (24 Zoll Touch):

        Hier die Steuerung fürs Erdgeschoss:
        eg.gif

        Sehr schöne Vis!
        Wie hast du die Rolladensteuerung realisiert?
        Kannst du das Widget bitte teilen?

        MeistertrM Offline
        MeistertrM Offline
        Meistertr
        Developer
        schrieb am zuletzt editiert von
        #13

        @Scrounger das ist in den hq-widgets enthalten https://github.com/ioBroker/ioBroker.vis-hqwidgets
        das habe ich dann angepasst

        
        .hq-blind-big-button{
            background-color: var(--accent-color) !Important;
            border-radius: 4px !Important;
            border: none !Important;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !Important;
        }
        .hq-blind-big-slider{
            border-radius: 4px !Important;
            border: none !Important;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !Important;    
        }
        .ui-slider-range .ui-corner-all{
            border-radius: 4px !Important;
        }
        
        C 1 Antwort Letzte Antwort
        1
        • MeistertrM Meistertr

          @Scrounger das ist in den hq-widgets enthalten https://github.com/ioBroker/ioBroker.vis-hqwidgets
          das habe ich dann angepasst

          
          .hq-blind-big-button{
              background-color: var(--accent-color) !Important;
              border-radius: 4px !Important;
              border: none !Important;
              box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !Important;
          }
          .hq-blind-big-slider{
              border-radius: 4px !Important;
              border: none !Important;
              box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !Important;    
          }
          .ui-slider-range .ui-corner-all{
              border-radius: 4px !Important;
          }
          
          C Offline
          C Offline
          Conquest
          schrieb am zuletzt editiert von
          #14

          @Meistertr
          Hallo, wollte nochmal nachfragen ob das mit dem Export funktioniert?
          Sollte es nicht funktionieren würde mir auch die Startseite und vorallem das CSS ausreichen.
          Wäre echt toll wenn du das teilen würdest.

          Gruß

          1 Antwort Letzte Antwort
          0
          • MeistertrM Meistertr

            Hallo Leute,
            da alle hier ihre Visu vorstellen, wollte ich das auch mal machen:
            Das ist jetzt meine 5te Visu die immer weiter verfeinert worden ist.

            Zielsetzung war: Alles darstellen ohne dass es überlaufen wirkt. Es werden die Sachen nur angezeigt wenn sie gerade von Interesse sind. Im Homescreen ist eine Art Notificationbar wo dann immer die aktuellen und wichtigen Sachen angezeigt werden.

            Da ich sowohl Materialcss von @Uhula als auch Material widgets von @Scrounger nutzen, (weil beide ihre Vorteile haben) musste ich Materialcss komplett umschreiben, dass es mit der Material widgtes zusammenpasst (weil in der standardversion vertragen sie sich nicht so gut :) ).

            Eine weitere besonderheit ist die volle Farbanpassung von Widgets Backgrounds Farben und Bildern..

            Fertig ist sie leider noch nicht, aber wann ist sowas fertig...
            Das ist der Kalender:

            start_1.gif

            Hier die Animierte Notificationbar:
            start_2.gif

            Hier die Steuerung fürs Erdgeschoss:
            eg.gif

            Und der dies:
            rest.gif

            das ganze hat einen Zentralen Platz im Wohnbereich bekommen:
            IMG_20200601_154746.jpg

            ub.privatU Offline
            ub.privatU Offline
            ub.privat
            schrieb am zuletzt editiert von
            #15

            @meistertr

            Einen wunderschönen Guten Abend, deine VISU ist sehr ansprechend.
            Besonders interessiert mich die Umsetzung der Ambinete-Beleuchtung.
            Nehme an, du hast 3 verschiedene Slider verwendet und steuerst damit die Helligkeit/Farbe/Intensität?
            Der Aufruf erfolgt über "View in View"?
            Würdest du mir bitte das Widget zur Verfügung stellen?

            Danke schon mal vorab!

            Beste Grüße - Uwe

            MeistertrM 1 Antwort Letzte Antwort
            0
            • ub.privatU ub.privat

              @meistertr

              Einen wunderschönen Guten Abend, deine VISU ist sehr ansprechend.
              Besonders interessiert mich die Umsetzung der Ambinete-Beleuchtung.
              Nehme an, du hast 3 verschiedene Slider verwendet und steuerst damit die Helligkeit/Farbe/Intensität?
              Der Aufruf erfolgt über "View in View"?
              Würdest du mir bitte das Widget zur Verfügung stellen?

              Danke schon mal vorab!

              Beste Grüße - Uwe

              MeistertrM Offline
              MeistertrM Offline
              Meistertr
              Developer
              schrieb am zuletzt editiert von
              #16

              @ub-privat hier der view, er wird über ein material-dialog aufgerufen

              {
                "settings": {
                  "style": {
                    "background_class": ""
                  },
                  "theme": "redmond",
                  "sizex": "",
                  "sizey": "",
                  "gridSize": "8",
                  "snapType": 2,
                  "class": "",
                  "useBackground": false
                },
                "widgets": {
                  "e00001": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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": "Helligkeit",
                      "comment": "",
                      "class": "tr-label"
                    },
                    "style": {
                      "left": "16px",
                      "top": "72px",
                      "width": "auto",
                      "height": "auto",
                      "z-index": "1"
                    },
                    "widgetSet": "basic"
                  },
                  "e00002": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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,
                      "html": "MagicHome LED",
                      "class": "tr-subtitle",
                      "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
                    },
                    "style": {
                      "left": "16px",
                      "top": "40px",
                      "width": "",
                      "height": "auto",
                      "z-index": 1
                    },
                    "widgetSet": "basic"
                  },
                  "e00003": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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,
                      "html": "Indirekte Beleuchtung Couch",
                      "class": "tr-title",
                      "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
                    },
                    "style": {
                      "left": "16px",
                      "top": "16px",
                      "width": "auto",
                      "height": "auto",
                      "z-index": 1
                    },
                    "widgetSet": "basic"
                  },
                  "e00004": {
                    "tpl": "tplValueFloat",
                    "data": {
                      "oid": "sonoff.0.DVES_863E84.Dimmer",
                      "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,
                      "is_comma": "true",
                      "factor": "1",
                      "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "class": "tr-value",
                      "html_append_singular": "",
                      "html_append_plural": " %"
                    },
                    "style": {
                      "left": "256px",
                      "top": "72px",
                      "height": "auto",
                      "width": "auto"
                    },
                    "widgetSet": "basic"
                  },
                  "e00005": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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": "Warmweiß",
                      "comment": "",
                      "class": "tr-label"
                    },
                    "style": {
                      "left": "16px",
                      "top": "152px",
                      "width": "auto",
                      "height": "auto",
                      "z-index": "1"
                    },
                    "widgetSet": "basic"
                  },
                  "e00006": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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": "Farbe",
                      "comment": "",
                      "class": "tr-label"
                    },
                    "style": {
                      "left": "16px",
                      "top": "240px",
                      "width": "auto",
                      "height": "auto",
                      "z-index": "1"
                    },
                    "widgetSet": "basic"
                  },
                  "e00007": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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": "<i class=\"material-icons\">expand_less</i>",
                      "class": "mdui-button mdui-center mdui-expand "
                    },
                    "style": {
                      "left": "calc(100% - 48px)",
                      "top": "16px",
                      "width": "36px",
                      "height": "36px",
                      "z-index": "-1"
                    },
                    "widgetSet": "basic"
                  },
                  "e00008": {
                    "tpl": "tplHtml",
                    "data": {
                      "g_fixed": false,
                      "g_visibility": false,
                      "g_css_font_text": false,
                      "g_css_background": true,
                      "g_css_shadow_padding": false,
                      "g_css_border": true,
                      "g_gestures": false,
                      "g_signals": false,
                      "g_last_change": false,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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
                    },
                    "style": {
                      "left": "160px",
                      "top": "232px",
                      "background-color": "{d:sonoff.0.DVES_863E84.Color; d.substring(0, 7)}",
                      "width": "73px",
                      "height": "35px",
                      "border-radius": "16px"
                    },
                    "widgetSet": "basic"
                  },
                  "e00009": {
                    "tpl": "tplVis-materialdesign-Vuetify-Slider",
                    "data": {
                      "oid": "sonoff.0.DVES_863E84.Hue",
                      "g_fixed": false,
                      "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "orientation": "horizontal",
                      "knobSize": "knobBig",
                      "step": "1",
                      "vibrateOnMobilDevices": "50",
                      "showTicks": "no",
                      "showValueLabel": false,
                      "valueLabelWidth": "50",
                      "showThumbLabel": "yes",
                      "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,
                      "min": "0",
                      "max": "359",
                      "colorThumb": "var(--accent-color)",
                      "prepandTextColor": "",
                      "thumbSize": "",
                      "thumbBackgroundColor": "var(--secondary)",
                      "tickColorAfter": "",
                      "colorAfterThumb": "rgba(0,0,0,0)",
                      "colorBeforeThumb": "rgba(0,0,0,0)",
                      "prepandTextFontSize": "-2",
                      "valueLabelStyle": "sliderValue"
                    },
                    "style": {
                      "left": "40px",
                      "top": "264px",
                      "width": "calc(100% - 64px)",
                      "height": "48px",
                      "z-index": "5"
                    },
                    "widgetSet": "materialdesign"
                  },
                  "e00010": {
                    "tpl": "tplHtml",
                    "data": {
                      "g_fixed": false,
                      "g_visibility": false,
                      "g_css_font_text": false,
                      "g_css_background": true,
                      "g_css_shadow_padding": false,
                      "g_css_border": true,
                      "g_gestures": false,
                      "g_signals": false,
                      "g_last_change": false,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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
                    },
                    "style": {
                      "left": "32px",
                      "top": "280px",
                      "background": "linear-gradient(to right,#800,#f00 5%,#ff0 20%,#0f0 35%,#0ff 50%,#00f 65%,#f0f 80%,#f00 95%,#800)",
                      "height": "16px",
                      "width": "calc(100% - 64px)",
                      "opacity": "0.6",
                      "z-index": "0",
                      "border-radius": "8px"
                    },
                    "widgetSet": "basic"
                  },
                  "e00011": {
                    "tpl": "tplVis-materialdesign-Vuetify-Slider",
                    "data": {
                      "oid": "linear-gradient(to right, rgb({d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5}), rgb({d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Red; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Green; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Blue; 2.5*e*100 /d}))",
                      "g_fixed": false,
                      "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "orientation": "horizontal",
                      "knobSize": "knobBig",
                      "step": "1",
                      "vibrateOnMobilDevices": "50",
                      "showTicks": "no",
                      "showValueLabel": false,
                      "valueLabelWidth": "50",
                      "showThumbLabel": "yes",
                      "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,
                      "min": "0",
                      "max": "100",
                      "colorThumb": "var(--accent-color)",
                      "prepandTextColor": "",
                      "thumbSize": "",
                      "thumbBackgroundColor": "var(--secondary)",
                      "tickColorAfter": "",
                      "colorAfterThumb": "rgba(0,0,0,0)",
                      "colorBeforeThumb": "rgba(0,0,0,0)",
                      "valueLabelStyle": "sliderValue"
                    },
                    "style": {
                      "left": "40px",
                      "top": "96px",
                      "width": "calc(100% - 64px)",
                      "height": "48px",
                      "z-index": "5"
                    },
                    "widgetSet": "materialdesign"
                  },
                  "e00012": {
                    "tpl": "tplHtml",
                    "data": {
                      "g_fixed": false,
                      "g_visibility": false,
                      "g_css_font_text": false,
                      "g_css_background": true,
                      "g_css_shadow_padding": false,
                      "g_css_border": true,
                      "g_gestures": false,
                      "g_signals": false,
                      "g_last_change": false,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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
                    },
                    "style": {
                      "left": "32px",
                      "top": "112px",
                      "background": "linear-gradient(to right, #404040, #ffffff)",
                      "height": "16px",
                      "width": "calc(100% - 64px)",
                      "opacity": "",
                      "z-index": "0",
                      "border-radius": "8px"
                    },
                    "widgetSet": "basic"
                  },
                  "e00013": {
                    "tpl": "tplVis-materialdesign-Vuetify-Slider",
                    "data": {
                      "oid": "sonoff.0.DVES_863E84.WW",
                      "g_fixed": false,
                      "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "orientation": "horizontal",
                      "knobSize": "knobBig",
                      "step": "1",
                      "vibrateOnMobilDevices": "50",
                      "showTicks": "no",
                      "showValueLabel": false,
                      "valueLabelWidth": "50",
                      "showThumbLabel": "yes",
                      "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,
                      "min": "0",
                      "max": "50",
                      "colorThumb": "var(--accent-color)",
                      "prepandTextColor": "",
                      "thumbSize": "",
                      "thumbBackgroundColor": "var(--secondary)",
                      "tickColorAfter": "",
                      "colorAfterThumb": "rgba(0,0,0,0)",
                      "colorBeforeThumb": "rgba(0,0,0,0)",
                      "valueLabelStyle": "sliderValue"
                    },
                    "style": {
                      "left": "32px",
                      "top": "184px",
                      "width": "calc(100% - 64px)",
                      "height": "48px",
                      "z-index": "5"
                    },
                    "widgetSet": "materialdesign"
                  },
                  "e00014": {
                    "tpl": "tplHtml",
                    "data": {
                      "g_fixed": false,
                      "g_visibility": false,
                      "g_css_font_text": false,
                      "g_css_background": true,
                      "g_css_shadow_padding": false,
                      "g_css_border": true,
                      "g_gestures": false,
                      "g_signals": false,
                      "g_last_change": false,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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
                    },
                    "style": {
                      "left": "24px",
                      "top": "200px",
                      "background": "linear-gradient(to right, #FFFF80, #E0E0FF)",
                      "height": "16px",
                      "width": "calc(100% - 64px)",
                      "opacity": "",
                      "z-index": "0",
                      "border-radius": "8px"
                    },
                    "widgetSet": "basic"
                  },
                  "e00015": {
                    "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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": "Sättigung",
                      "comment": "",
                      "class": "tr-label"
                    },
                    "style": {
                      "left": "16px",
                      "top": "320px",
                      "width": "auto",
                      "height": "auto",
                      "z-index": "1"
                    },
                    "widgetSet": "basic"
                  },
                  "e00016": {
                    "tpl": "tplVis-materialdesign-Vuetify-Slider",
                    "data": {
                      "oid": "sonoff.0.DVES_863E84.Saturation",
                      "g_fixed": false,
                      "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,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "orientation": "horizontal",
                      "knobSize": "knobBig",
                      "step": "1",
                      "vibrateOnMobilDevices": "50",
                      "showTicks": "no",
                      "showValueLabel": false,
                      "valueLabelWidth": "50",
                      "showThumbLabel": "yes",
                      "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,
                      "min": "0",
                      "max": "100",
                      "colorThumb": "var(--accent-color)",
                      "prepandTextColor": "",
                      "thumbSize": "",
                      "thumbBackgroundColor": "var(--secondary)",
                      "tickColorAfter": "",
                      "colorAfterThumb": "rgba(0,0,0,0)",
                      "colorBeforeThumb": "rgba(0,0,0,0)",
                      "prepandTextWidth": "-1",
                      "valueLabelStyle": "sliderValue"
                    },
                    "style": {
                      "left": "40px",
                      "top": "344px",
                      "width": "calc(100% - 64px)",
                      "height": "48px",
                      "z-index": "5"
                    },
                    "widgetSet": "materialdesign"
                  },
                  "e00017": {
                    "tpl": "tplHtml",
                    "data": {
                      "g_fixed": false,
                      "g_visibility": false,
                      "g_css_font_text": false,
                      "g_css_background": true,
                      "g_css_shadow_padding": false,
                      "g_css_border": true,
                      "g_gestures": false,
                      "g_signals": false,
                      "g_last_change": false,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "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": ""
                    },
                    "style": {
                      "left": "32px",
                      "top": "360px",
                      "background": "linear-gradient(to right, rgb({d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5}), rgb({d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Red; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Green; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Blue; 2.5*e*100 /d}))",
                      "height": "16px",
                      "width": "calc(100% - 64px)",
                      "opacity": "",
                      "z-index": "0",
                      "border-radius": "8px"
                    },
                    "widgetSet": "basic"
                  },
                  "e00018": {
                    "tpl": "tplVis-materialdesign-Button-State-vertical",
                    "data": {
                      "oid": "sonoff.0.DVES_863E84.Color",
                      "g_fixed": true,
                      "g_visibility": false,
                      "g_css_font_text": false,
                      "g_css_background": false,
                      "g_css_shadow_padding": false,
                      "g_css_border": true,
                      "g_gestures": false,
                      "g_signals": false,
                      "g_last_change": false,
                      "visibility-cond": "==",
                      "visibility-val": 1,
                      "visibility-groups-action": "hide",
                      "buttonStyle": "outlined",
                      "vibrateOnMobilDevices": "50",
                      "iconPosition": "top",
                      "autoLockAfter": "10",
                      "lockIconTop": "5",
                      "lockIconLeft": "5",
                      "lockFilterGrayscale": "30",
                      "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,
                      "image": "lightbulb-on",
                      "iconHeight": "27",
                      "value": "#000000FF",
                      "class": "tr-img-flip",
                      "imageColor": "var(--design-font-color)"
                    },
                    "style": {
                      "left": "112px",
                      "top": "144px",
                      "width": "32px",
                      "height": "32px",
                      "border-width": "1px",
                      "border-color": "var(--secondary)"
                    },
                    "widgetSet": "materialdesign"
                  }
                },
                "name": "card_01_wohnzimmer_indirekt",
                "filterList": []
              }
              

              ub.privatU Stratos GkrekidisS 2 Antworten Letzte Antwort
              0
              • MeistertrM Meistertr

                @ub-privat hier der view, er wird über ein material-dialog aufgerufen

                {
                  "settings": {
                    "style": {
                      "background_class": ""
                    },
                    "theme": "redmond",
                    "sizex": "",
                    "sizey": "",
                    "gridSize": "8",
                    "snapType": 2,
                    "class": "",
                    "useBackground": false
                  },
                  "widgets": {
                    "e00001": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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": "Helligkeit",
                        "comment": "",
                        "class": "tr-label"
                      },
                      "style": {
                        "left": "16px",
                        "top": "72px",
                        "width": "auto",
                        "height": "auto",
                        "z-index": "1"
                      },
                      "widgetSet": "basic"
                    },
                    "e00002": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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,
                        "html": "MagicHome LED",
                        "class": "tr-subtitle",
                        "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
                      },
                      "style": {
                        "left": "16px",
                        "top": "40px",
                        "width": "",
                        "height": "auto",
                        "z-index": 1
                      },
                      "widgetSet": "basic"
                    },
                    "e00003": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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,
                        "html": "Indirekte Beleuchtung Couch",
                        "class": "tr-title",
                        "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
                      },
                      "style": {
                        "left": "16px",
                        "top": "16px",
                        "width": "auto",
                        "height": "auto",
                        "z-index": 1
                      },
                      "widgetSet": "basic"
                    },
                    "e00004": {
                      "tpl": "tplValueFloat",
                      "data": {
                        "oid": "sonoff.0.DVES_863E84.Dimmer",
                        "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,
                        "is_comma": "true",
                        "factor": "1",
                        "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "class": "tr-value",
                        "html_append_singular": "",
                        "html_append_plural": " %"
                      },
                      "style": {
                        "left": "256px",
                        "top": "72px",
                        "height": "auto",
                        "width": "auto"
                      },
                      "widgetSet": "basic"
                    },
                    "e00005": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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": "Warmweiß",
                        "comment": "",
                        "class": "tr-label"
                      },
                      "style": {
                        "left": "16px",
                        "top": "152px",
                        "width": "auto",
                        "height": "auto",
                        "z-index": "1"
                      },
                      "widgetSet": "basic"
                    },
                    "e00006": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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": "Farbe",
                        "comment": "",
                        "class": "tr-label"
                      },
                      "style": {
                        "left": "16px",
                        "top": "240px",
                        "width": "auto",
                        "height": "auto",
                        "z-index": "1"
                      },
                      "widgetSet": "basic"
                    },
                    "e00007": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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": "<i class=\"material-icons\">expand_less</i>",
                        "class": "mdui-button mdui-center mdui-expand "
                      },
                      "style": {
                        "left": "calc(100% - 48px)",
                        "top": "16px",
                        "width": "36px",
                        "height": "36px",
                        "z-index": "-1"
                      },
                      "widgetSet": "basic"
                    },
                    "e00008": {
                      "tpl": "tplHtml",
                      "data": {
                        "g_fixed": false,
                        "g_visibility": false,
                        "g_css_font_text": false,
                        "g_css_background": true,
                        "g_css_shadow_padding": false,
                        "g_css_border": true,
                        "g_gestures": false,
                        "g_signals": false,
                        "g_last_change": false,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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
                      },
                      "style": {
                        "left": "160px",
                        "top": "232px",
                        "background-color": "{d:sonoff.0.DVES_863E84.Color; d.substring(0, 7)}",
                        "width": "73px",
                        "height": "35px",
                        "border-radius": "16px"
                      },
                      "widgetSet": "basic"
                    },
                    "e00009": {
                      "tpl": "tplVis-materialdesign-Vuetify-Slider",
                      "data": {
                        "oid": "sonoff.0.DVES_863E84.Hue",
                        "g_fixed": false,
                        "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "orientation": "horizontal",
                        "knobSize": "knobBig",
                        "step": "1",
                        "vibrateOnMobilDevices": "50",
                        "showTicks": "no",
                        "showValueLabel": false,
                        "valueLabelWidth": "50",
                        "showThumbLabel": "yes",
                        "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,
                        "min": "0",
                        "max": "359",
                        "colorThumb": "var(--accent-color)",
                        "prepandTextColor": "",
                        "thumbSize": "",
                        "thumbBackgroundColor": "var(--secondary)",
                        "tickColorAfter": "",
                        "colorAfterThumb": "rgba(0,0,0,0)",
                        "colorBeforeThumb": "rgba(0,0,0,0)",
                        "prepandTextFontSize": "-2",
                        "valueLabelStyle": "sliderValue"
                      },
                      "style": {
                        "left": "40px",
                        "top": "264px",
                        "width": "calc(100% - 64px)",
                        "height": "48px",
                        "z-index": "5"
                      },
                      "widgetSet": "materialdesign"
                    },
                    "e00010": {
                      "tpl": "tplHtml",
                      "data": {
                        "g_fixed": false,
                        "g_visibility": false,
                        "g_css_font_text": false,
                        "g_css_background": true,
                        "g_css_shadow_padding": false,
                        "g_css_border": true,
                        "g_gestures": false,
                        "g_signals": false,
                        "g_last_change": false,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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
                      },
                      "style": {
                        "left": "32px",
                        "top": "280px",
                        "background": "linear-gradient(to right,#800,#f00 5%,#ff0 20%,#0f0 35%,#0ff 50%,#00f 65%,#f0f 80%,#f00 95%,#800)",
                        "height": "16px",
                        "width": "calc(100% - 64px)",
                        "opacity": "0.6",
                        "z-index": "0",
                        "border-radius": "8px"
                      },
                      "widgetSet": "basic"
                    },
                    "e00011": {
                      "tpl": "tplVis-materialdesign-Vuetify-Slider",
                      "data": {
                        "oid": "linear-gradient(to right, rgb({d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5}), rgb({d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Red; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Green; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Blue; 2.5*e*100 /d}))",
                        "g_fixed": false,
                        "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "orientation": "horizontal",
                        "knobSize": "knobBig",
                        "step": "1",
                        "vibrateOnMobilDevices": "50",
                        "showTicks": "no",
                        "showValueLabel": false,
                        "valueLabelWidth": "50",
                        "showThumbLabel": "yes",
                        "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,
                        "min": "0",
                        "max": "100",
                        "colorThumb": "var(--accent-color)",
                        "prepandTextColor": "",
                        "thumbSize": "",
                        "thumbBackgroundColor": "var(--secondary)",
                        "tickColorAfter": "",
                        "colorAfterThumb": "rgba(0,0,0,0)",
                        "colorBeforeThumb": "rgba(0,0,0,0)",
                        "valueLabelStyle": "sliderValue"
                      },
                      "style": {
                        "left": "40px",
                        "top": "96px",
                        "width": "calc(100% - 64px)",
                        "height": "48px",
                        "z-index": "5"
                      },
                      "widgetSet": "materialdesign"
                    },
                    "e00012": {
                      "tpl": "tplHtml",
                      "data": {
                        "g_fixed": false,
                        "g_visibility": false,
                        "g_css_font_text": false,
                        "g_css_background": true,
                        "g_css_shadow_padding": false,
                        "g_css_border": true,
                        "g_gestures": false,
                        "g_signals": false,
                        "g_last_change": false,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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
                      },
                      "style": {
                        "left": "32px",
                        "top": "112px",
                        "background": "linear-gradient(to right, #404040, #ffffff)",
                        "height": "16px",
                        "width": "calc(100% - 64px)",
                        "opacity": "",
                        "z-index": "0",
                        "border-radius": "8px"
                      },
                      "widgetSet": "basic"
                    },
                    "e00013": {
                      "tpl": "tplVis-materialdesign-Vuetify-Slider",
                      "data": {
                        "oid": "sonoff.0.DVES_863E84.WW",
                        "g_fixed": false,
                        "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "orientation": "horizontal",
                        "knobSize": "knobBig",
                        "step": "1",
                        "vibrateOnMobilDevices": "50",
                        "showTicks": "no",
                        "showValueLabel": false,
                        "valueLabelWidth": "50",
                        "showThumbLabel": "yes",
                        "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,
                        "min": "0",
                        "max": "50",
                        "colorThumb": "var(--accent-color)",
                        "prepandTextColor": "",
                        "thumbSize": "",
                        "thumbBackgroundColor": "var(--secondary)",
                        "tickColorAfter": "",
                        "colorAfterThumb": "rgba(0,0,0,0)",
                        "colorBeforeThumb": "rgba(0,0,0,0)",
                        "valueLabelStyle": "sliderValue"
                      },
                      "style": {
                        "left": "32px",
                        "top": "184px",
                        "width": "calc(100% - 64px)",
                        "height": "48px",
                        "z-index": "5"
                      },
                      "widgetSet": "materialdesign"
                    },
                    "e00014": {
                      "tpl": "tplHtml",
                      "data": {
                        "g_fixed": false,
                        "g_visibility": false,
                        "g_css_font_text": false,
                        "g_css_background": true,
                        "g_css_shadow_padding": false,
                        "g_css_border": true,
                        "g_gestures": false,
                        "g_signals": false,
                        "g_last_change": false,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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
                      },
                      "style": {
                        "left": "24px",
                        "top": "200px",
                        "background": "linear-gradient(to right, #FFFF80, #E0E0FF)",
                        "height": "16px",
                        "width": "calc(100% - 64px)",
                        "opacity": "",
                        "z-index": "0",
                        "border-radius": "8px"
                      },
                      "widgetSet": "basic"
                    },
                    "e00015": {
                      "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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": "Sättigung",
                        "comment": "",
                        "class": "tr-label"
                      },
                      "style": {
                        "left": "16px",
                        "top": "320px",
                        "width": "auto",
                        "height": "auto",
                        "z-index": "1"
                      },
                      "widgetSet": "basic"
                    },
                    "e00016": {
                      "tpl": "tplVis-materialdesign-Vuetify-Slider",
                      "data": {
                        "oid": "sonoff.0.DVES_863E84.Saturation",
                        "g_fixed": false,
                        "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,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "orientation": "horizontal",
                        "knobSize": "knobBig",
                        "step": "1",
                        "vibrateOnMobilDevices": "50",
                        "showTicks": "no",
                        "showValueLabel": false,
                        "valueLabelWidth": "50",
                        "showThumbLabel": "yes",
                        "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,
                        "min": "0",
                        "max": "100",
                        "colorThumb": "var(--accent-color)",
                        "prepandTextColor": "",
                        "thumbSize": "",
                        "thumbBackgroundColor": "var(--secondary)",
                        "tickColorAfter": "",
                        "colorAfterThumb": "rgba(0,0,0,0)",
                        "colorBeforeThumb": "rgba(0,0,0,0)",
                        "prepandTextWidth": "-1",
                        "valueLabelStyle": "sliderValue"
                      },
                      "style": {
                        "left": "40px",
                        "top": "344px",
                        "width": "calc(100% - 64px)",
                        "height": "48px",
                        "z-index": "5"
                      },
                      "widgetSet": "materialdesign"
                    },
                    "e00017": {
                      "tpl": "tplHtml",
                      "data": {
                        "g_fixed": false,
                        "g_visibility": false,
                        "g_css_font_text": false,
                        "g_css_background": true,
                        "g_css_shadow_padding": false,
                        "g_css_border": true,
                        "g_gestures": false,
                        "g_signals": false,
                        "g_last_change": false,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "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": ""
                      },
                      "style": {
                        "left": "32px",
                        "top": "360px",
                        "background": "linear-gradient(to right, rgb({d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5}), rgb({d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Red; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Green; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Blue; 2.5*e*100 /d}))",
                        "height": "16px",
                        "width": "calc(100% - 64px)",
                        "opacity": "",
                        "z-index": "0",
                        "border-radius": "8px"
                      },
                      "widgetSet": "basic"
                    },
                    "e00018": {
                      "tpl": "tplVis-materialdesign-Button-State-vertical",
                      "data": {
                        "oid": "sonoff.0.DVES_863E84.Color",
                        "g_fixed": true,
                        "g_visibility": false,
                        "g_css_font_text": false,
                        "g_css_background": false,
                        "g_css_shadow_padding": false,
                        "g_css_border": true,
                        "g_gestures": false,
                        "g_signals": false,
                        "g_last_change": false,
                        "visibility-cond": "==",
                        "visibility-val": 1,
                        "visibility-groups-action": "hide",
                        "buttonStyle": "outlined",
                        "vibrateOnMobilDevices": "50",
                        "iconPosition": "top",
                        "autoLockAfter": "10",
                        "lockIconTop": "5",
                        "lockIconLeft": "5",
                        "lockFilterGrayscale": "30",
                        "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,
                        "image": "lightbulb-on",
                        "iconHeight": "27",
                        "value": "#000000FF",
                        "class": "tr-img-flip",
                        "imageColor": "var(--design-font-color)"
                      },
                      "style": {
                        "left": "112px",
                        "top": "144px",
                        "width": "32px",
                        "height": "32px",
                        "border-width": "1px",
                        "border-color": "var(--secondary)"
                      },
                      "widgetSet": "materialdesign"
                    }
                  },
                  "name": "card_01_wohnzimmer_indirekt",
                  "filterList": []
                }
                

                ub.privatU Offline
                ub.privatU Offline
                ub.privat
                schrieb am zuletzt editiert von
                #17

                @meistertr

                Moin.moin - vielen Dank für deine View.
                Nun habe ich aber doch noch ein paar Detailfragen.

                1. Hast du für jede Lampe/-gruppe eine eigene View, welche dann aufgerufen wird?
                2. ist es denkbar, eine View zu haben, welche entsprechend der Wahl die zugehörigen DB's aufruft?

                Wenn ich alle meine Lampen/ -gruppen einrichte, hätte ich eine Unzahl an Views...

                MeistertrM ScroungerS 2 Antworten Letzte Antwort
                0
                • ub.privatU ub.privat

                  @meistertr

                  Moin.moin - vielen Dank für deine View.
                  Nun habe ich aber doch noch ein paar Detailfragen.

                  1. Hast du für jede Lampe/-gruppe eine eigene View, welche dann aufgerufen wird?
                  2. ist es denkbar, eine View zu haben, welche entsprechend der Wahl die zugehörigen DB's aufruft?

                  Wenn ich alle meine Lampen/ -gruppen einrichte, hätte ich eine Unzahl an Views...

                  MeistertrM Offline
                  MeistertrM Offline
                  Meistertr
                  Developer
                  schrieb am zuletzt editiert von Meistertr
                  #18

                  @ub-privat leider habe ich für jede Lampe einen view. Ich wüsste auch nciht wie man es eleganter lösen könnte. Man könnte sich ein Skript machen welches einen view generiert je nach button. das ist aber schon relativ aufwendig vll weiß @Scrounger eine elegante Lösung, der ist ja der kennt vis in und auswendig :) ein dialog mit input variablen wäre ja mal was neues :)

                  1 Antwort Letzte Antwort
                  0
                  • ub.privatU ub.privat

                    @meistertr

                    Moin.moin - vielen Dank für deine View.
                    Nun habe ich aber doch noch ein paar Detailfragen.

                    1. Hast du für jede Lampe/-gruppe eine eigene View, welche dann aufgerufen wird?
                    2. ist es denkbar, eine View zu haben, welche entsprechend der Wahl die zugehörigen DB's aufruft?

                    Wenn ich alle meine Lampen/ -gruppen einrichte, hätte ich eine Unzahl an Views...

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    schrieb am zuletzt editiert von Scrounger
                    #19

                    @ub-privat, @Meistertr

                    Ich weiß jetzt nicht genau ob das Eure Frage ist, aber ich erkläre mal wie ich es anhand von Lichtern pro Raum realisiert habe.

                    Ich habe pro Raum eine View in der sich ein IconList Wigdet befindet, mit dem ich alle Lichter des Raums steuern kann:
                    677343e2-147d-424a-b5fb-8c448545a1ed-grafik.png

                    Per Skript wird mir für jeden Raum das json erstellt, struktur sieht wie folgt aus:
                    e3aec9f3-1cf3-451a-8eb0-2ca02f601308-grafik.png

                    Diese View muss ich nach Erstellen dann nur kopieren - also für jeden Raum eine View erstellen und nur die Objekt Id des IconList Widget anpassen.

                    Theoretisch könnt man sich die vis-views.json die sich im vis.0 Ordner seines Projektes befindet auch automatisch erzeugen lassen. D.h. man erstellt z.B. ein Vorlagen Projekt, macht dort die Views für Licht, Heizung, etc. und dann erzeugt man per Skript die vis-views.json wo alle Räume dann mit drin sind. Das hab ich selber aber noch nicht ausprobiert.

                    Eine weitere Möglichkeit wäre für die Objekt Id des IconList Wigdet ein Binding zu verwenden. In den Datenpunkt der per Binding der Objekt Id zugewiesen ist, schreibt man abhängig von der View die Id des Datenpunktes für das IconList Widget. Somit hätte man nur eine View die dynamisch die Obejkt Id zugewiesen bekommt. Auf welcher View man sich befindet bekommt man über vis.0.control.data die man zum triggern verwenden kann, um die id in den Datenpunkt zu schreiben.
                    Hab ich selber aber auch noch nicht probiert, da diese Lösung leider mit dem View in Widget 8 nicht geht, weil man hier keine Info über aktive View bekommt - in vis.0.control.data steht immer die View mit dem View in Widget 8 Widget. Bzw. man könnte auf den Datenpunkt triggern der vom View in Widget 8 verwendet wird.

                    1 Antwort Letzte Antwort
                    0
                    • MeistertrM Meistertr

                      @ub-privat hier der view, er wird über ein material-dialog aufgerufen

                      {
                        "settings": {
                          "style": {
                            "background_class": ""
                          },
                          "theme": "redmond",
                          "sizex": "",
                          "sizey": "",
                          "gridSize": "8",
                          "snapType": 2,
                          "class": "",
                          "useBackground": false
                        },
                        "widgets": {
                          "e00001": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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": "Helligkeit",
                              "comment": "",
                              "class": "tr-label"
                            },
                            "style": {
                              "left": "16px",
                              "top": "72px",
                              "width": "auto",
                              "height": "auto",
                              "z-index": "1"
                            },
                            "widgetSet": "basic"
                          },
                          "e00002": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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,
                              "html": "MagicHome LED",
                              "class": "tr-subtitle",
                              "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
                            },
                            "style": {
                              "left": "16px",
                              "top": "40px",
                              "width": "",
                              "height": "auto",
                              "z-index": 1
                            },
                            "widgetSet": "basic"
                          },
                          "e00003": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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,
                              "html": "Indirekte Beleuchtung Couch",
                              "class": "tr-title",
                              "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
                            },
                            "style": {
                              "left": "16px",
                              "top": "16px",
                              "width": "auto",
                              "height": "auto",
                              "z-index": 1
                            },
                            "widgetSet": "basic"
                          },
                          "e00004": {
                            "tpl": "tplValueFloat",
                            "data": {
                              "oid": "sonoff.0.DVES_863E84.Dimmer",
                              "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,
                              "is_comma": "true",
                              "factor": "1",
                              "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "class": "tr-value",
                              "html_append_singular": "",
                              "html_append_plural": " %"
                            },
                            "style": {
                              "left": "256px",
                              "top": "72px",
                              "height": "auto",
                              "width": "auto"
                            },
                            "widgetSet": "basic"
                          },
                          "e00005": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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": "Warmweiß",
                              "comment": "",
                              "class": "tr-label"
                            },
                            "style": {
                              "left": "16px",
                              "top": "152px",
                              "width": "auto",
                              "height": "auto",
                              "z-index": "1"
                            },
                            "widgetSet": "basic"
                          },
                          "e00006": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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": "Farbe",
                              "comment": "",
                              "class": "tr-label"
                            },
                            "style": {
                              "left": "16px",
                              "top": "240px",
                              "width": "auto",
                              "height": "auto",
                              "z-index": "1"
                            },
                            "widgetSet": "basic"
                          },
                          "e00007": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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": "<i class=\"material-icons\">expand_less</i>",
                              "class": "mdui-button mdui-center mdui-expand "
                            },
                            "style": {
                              "left": "calc(100% - 48px)",
                              "top": "16px",
                              "width": "36px",
                              "height": "36px",
                              "z-index": "-1"
                            },
                            "widgetSet": "basic"
                          },
                          "e00008": {
                            "tpl": "tplHtml",
                            "data": {
                              "g_fixed": false,
                              "g_visibility": false,
                              "g_css_font_text": false,
                              "g_css_background": true,
                              "g_css_shadow_padding": false,
                              "g_css_border": true,
                              "g_gestures": false,
                              "g_signals": false,
                              "g_last_change": false,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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
                            },
                            "style": {
                              "left": "160px",
                              "top": "232px",
                              "background-color": "{d:sonoff.0.DVES_863E84.Color; d.substring(0, 7)}",
                              "width": "73px",
                              "height": "35px",
                              "border-radius": "16px"
                            },
                            "widgetSet": "basic"
                          },
                          "e00009": {
                            "tpl": "tplVis-materialdesign-Vuetify-Slider",
                            "data": {
                              "oid": "sonoff.0.DVES_863E84.Hue",
                              "g_fixed": false,
                              "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "orientation": "horizontal",
                              "knobSize": "knobBig",
                              "step": "1",
                              "vibrateOnMobilDevices": "50",
                              "showTicks": "no",
                              "showValueLabel": false,
                              "valueLabelWidth": "50",
                              "showThumbLabel": "yes",
                              "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,
                              "min": "0",
                              "max": "359",
                              "colorThumb": "var(--accent-color)",
                              "prepandTextColor": "",
                              "thumbSize": "",
                              "thumbBackgroundColor": "var(--secondary)",
                              "tickColorAfter": "",
                              "colorAfterThumb": "rgba(0,0,0,0)",
                              "colorBeforeThumb": "rgba(0,0,0,0)",
                              "prepandTextFontSize": "-2",
                              "valueLabelStyle": "sliderValue"
                            },
                            "style": {
                              "left": "40px",
                              "top": "264px",
                              "width": "calc(100% - 64px)",
                              "height": "48px",
                              "z-index": "5"
                            },
                            "widgetSet": "materialdesign"
                          },
                          "e00010": {
                            "tpl": "tplHtml",
                            "data": {
                              "g_fixed": false,
                              "g_visibility": false,
                              "g_css_font_text": false,
                              "g_css_background": true,
                              "g_css_shadow_padding": false,
                              "g_css_border": true,
                              "g_gestures": false,
                              "g_signals": false,
                              "g_last_change": false,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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
                            },
                            "style": {
                              "left": "32px",
                              "top": "280px",
                              "background": "linear-gradient(to right,#800,#f00 5%,#ff0 20%,#0f0 35%,#0ff 50%,#00f 65%,#f0f 80%,#f00 95%,#800)",
                              "height": "16px",
                              "width": "calc(100% - 64px)",
                              "opacity": "0.6",
                              "z-index": "0",
                              "border-radius": "8px"
                            },
                            "widgetSet": "basic"
                          },
                          "e00011": {
                            "tpl": "tplVis-materialdesign-Vuetify-Slider",
                            "data": {
                              "oid": "linear-gradient(to right, rgb({d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5}), rgb({d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Red; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Green; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Blue; 2.5*e*100 /d}))",
                              "g_fixed": false,
                              "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "orientation": "horizontal",
                              "knobSize": "knobBig",
                              "step": "1",
                              "vibrateOnMobilDevices": "50",
                              "showTicks": "no",
                              "showValueLabel": false,
                              "valueLabelWidth": "50",
                              "showThumbLabel": "yes",
                              "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,
                              "min": "0",
                              "max": "100",
                              "colorThumb": "var(--accent-color)",
                              "prepandTextColor": "",
                              "thumbSize": "",
                              "thumbBackgroundColor": "var(--secondary)",
                              "tickColorAfter": "",
                              "colorAfterThumb": "rgba(0,0,0,0)",
                              "colorBeforeThumb": "rgba(0,0,0,0)",
                              "valueLabelStyle": "sliderValue"
                            },
                            "style": {
                              "left": "40px",
                              "top": "96px",
                              "width": "calc(100% - 64px)",
                              "height": "48px",
                              "z-index": "5"
                            },
                            "widgetSet": "materialdesign"
                          },
                          "e00012": {
                            "tpl": "tplHtml",
                            "data": {
                              "g_fixed": false,
                              "g_visibility": false,
                              "g_css_font_text": false,
                              "g_css_background": true,
                              "g_css_shadow_padding": false,
                              "g_css_border": true,
                              "g_gestures": false,
                              "g_signals": false,
                              "g_last_change": false,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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
                            },
                            "style": {
                              "left": "32px",
                              "top": "112px",
                              "background": "linear-gradient(to right, #404040, #ffffff)",
                              "height": "16px",
                              "width": "calc(100% - 64px)",
                              "opacity": "",
                              "z-index": "0",
                              "border-radius": "8px"
                            },
                            "widgetSet": "basic"
                          },
                          "e00013": {
                            "tpl": "tplVis-materialdesign-Vuetify-Slider",
                            "data": {
                              "oid": "sonoff.0.DVES_863E84.WW",
                              "g_fixed": false,
                              "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "orientation": "horizontal",
                              "knobSize": "knobBig",
                              "step": "1",
                              "vibrateOnMobilDevices": "50",
                              "showTicks": "no",
                              "showValueLabel": false,
                              "valueLabelWidth": "50",
                              "showThumbLabel": "yes",
                              "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,
                              "min": "0",
                              "max": "50",
                              "colorThumb": "var(--accent-color)",
                              "prepandTextColor": "",
                              "thumbSize": "",
                              "thumbBackgroundColor": "var(--secondary)",
                              "tickColorAfter": "",
                              "colorAfterThumb": "rgba(0,0,0,0)",
                              "colorBeforeThumb": "rgba(0,0,0,0)",
                              "valueLabelStyle": "sliderValue"
                            },
                            "style": {
                              "left": "32px",
                              "top": "184px",
                              "width": "calc(100% - 64px)",
                              "height": "48px",
                              "z-index": "5"
                            },
                            "widgetSet": "materialdesign"
                          },
                          "e00014": {
                            "tpl": "tplHtml",
                            "data": {
                              "g_fixed": false,
                              "g_visibility": false,
                              "g_css_font_text": false,
                              "g_css_background": true,
                              "g_css_shadow_padding": false,
                              "g_css_border": true,
                              "g_gestures": false,
                              "g_signals": false,
                              "g_last_change": false,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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
                            },
                            "style": {
                              "left": "24px",
                              "top": "200px",
                              "background": "linear-gradient(to right, #FFFF80, #E0E0FF)",
                              "height": "16px",
                              "width": "calc(100% - 64px)",
                              "opacity": "",
                              "z-index": "0",
                              "border-radius": "8px"
                            },
                            "widgetSet": "basic"
                          },
                          "e00015": {
                            "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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": "Sättigung",
                              "comment": "",
                              "class": "tr-label"
                            },
                            "style": {
                              "left": "16px",
                              "top": "320px",
                              "width": "auto",
                              "height": "auto",
                              "z-index": "1"
                            },
                            "widgetSet": "basic"
                          },
                          "e00016": {
                            "tpl": "tplVis-materialdesign-Vuetify-Slider",
                            "data": {
                              "oid": "sonoff.0.DVES_863E84.Saturation",
                              "g_fixed": false,
                              "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,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "orientation": "horizontal",
                              "knobSize": "knobBig",
                              "step": "1",
                              "vibrateOnMobilDevices": "50",
                              "showTicks": "no",
                              "showValueLabel": false,
                              "valueLabelWidth": "50",
                              "showThumbLabel": "yes",
                              "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,
                              "min": "0",
                              "max": "100",
                              "colorThumb": "var(--accent-color)",
                              "prepandTextColor": "",
                              "thumbSize": "",
                              "thumbBackgroundColor": "var(--secondary)",
                              "tickColorAfter": "",
                              "colorAfterThumb": "rgba(0,0,0,0)",
                              "colorBeforeThumb": "rgba(0,0,0,0)",
                              "prepandTextWidth": "-1",
                              "valueLabelStyle": "sliderValue"
                            },
                            "style": {
                              "left": "40px",
                              "top": "344px",
                              "width": "calc(100% - 64px)",
                              "height": "48px",
                              "z-index": "5"
                            },
                            "widgetSet": "materialdesign"
                          },
                          "e00017": {
                            "tpl": "tplHtml",
                            "data": {
                              "g_fixed": false,
                              "g_visibility": false,
                              "g_css_font_text": false,
                              "g_css_background": true,
                              "g_css_shadow_padding": false,
                              "g_css_border": true,
                              "g_gestures": false,
                              "g_signals": false,
                              "g_last_change": false,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "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": ""
                            },
                            "style": {
                              "left": "32px",
                              "top": "360px",
                              "background": "linear-gradient(to right, rgb({d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5},{d:sonoff.0.DVES_863E84.Dimmer; d*2.5}), rgb({d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Red; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Green; 2.5*e*100 /d}, {d:sonoff.0.DVES_863E84.Dimmer; e:sonoff.0.DVES_863E84.Blue; 2.5*e*100 /d}))",
                              "height": "16px",
                              "width": "calc(100% - 64px)",
                              "opacity": "",
                              "z-index": "0",
                              "border-radius": "8px"
                            },
                            "widgetSet": "basic"
                          },
                          "e00018": {
                            "tpl": "tplVis-materialdesign-Button-State-vertical",
                            "data": {
                              "oid": "sonoff.0.DVES_863E84.Color",
                              "g_fixed": true,
                              "g_visibility": false,
                              "g_css_font_text": false,
                              "g_css_background": false,
                              "g_css_shadow_padding": false,
                              "g_css_border": true,
                              "g_gestures": false,
                              "g_signals": false,
                              "g_last_change": false,
                              "visibility-cond": "==",
                              "visibility-val": 1,
                              "visibility-groups-action": "hide",
                              "buttonStyle": "outlined",
                              "vibrateOnMobilDevices": "50",
                              "iconPosition": "top",
                              "autoLockAfter": "10",
                              "lockIconTop": "5",
                              "lockIconLeft": "5",
                              "lockFilterGrayscale": "30",
                              "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,
                              "image": "lightbulb-on",
                              "iconHeight": "27",
                              "value": "#000000FF",
                              "class": "tr-img-flip",
                              "imageColor": "var(--design-font-color)"
                            },
                            "style": {
                              "left": "112px",
                              "top": "144px",
                              "width": "32px",
                              "height": "32px",
                              "border-width": "1px",
                              "border-color": "var(--secondary)"
                            },
                            "widgetSet": "materialdesign"
                          }
                        },
                        "name": "card_01_wohnzimmer_indirekt",
                        "filterList": []
                      }
                      

                      Stratos GkrekidisS Offline
                      Stratos GkrekidisS Offline
                      Stratos Gkrekidis
                      schrieb am zuletzt editiert von
                      #20

                      @meistertr Würdest du mir bitte dein css code fur dein Ambinete-Beleuchtung zur Verfügung stellen
                      und was bedeutet beim backgroundcolor das hier "var(--secondary)"

                      Danke schon mal vorab!

                      1 Antwort Letzte Antwort
                      0

                      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                      Registrieren Anmelden
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      488

                      Online

                      32.8k

                      Benutzer

                      82.7k

                      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