Monatsrückblick Januar/Februar 2026 ist online!

[skvarel]

@carsten04 sagte in VIS 2: WLED Effekt (seg.0.fx) als Dropdown anzeigen:

@skvarel Poste hier mal bitte die Ausgabe der dev-Konsole. Ich kann den Fehler bei mir nicht nachstellen. Welche HW nutzt Du?

Da kam kein Fehler. Der Editor war nur nicht mehr nutzbar. Es war alles 'eingefroren'

Der ioBroker:

• PlatformBetriebssystem:linux
• Architektur:x64
• CPUs:4
• Geschwindigkeit:2700 MHz
• Modell:Intel(R) Core(TM) i3-6100T CPU @ 3.20GHz
• RAM:15.5 GB
• Node.js:v22.22.0
• NPM:10.9.4
• Datenträgergröße:466.9 GB
• Freier Festplattenspeicher:449.5 GB

VIS Editor:

• Windows 10
• Intel(R) Core(TM) i5-4690 CPU @ 3.50GHz
• Browser: FF und Chrome getestet
• RAM 64 GB

[carsten04]

@denjo Das sieht so aus, als ob da irgend etwas bei der Installation schief gegangen ist. Am Besten noch einmal alles richtig löschen. Dazu: Instanz löschen, Adapter löschen, dann noch einmal installieren. Wenn Du Chrome nutzt mit F12 DEV-Konsole öffnen, dann Widget auf den Editor ziehen, OID wählen und schauen was die Konsole ausgibt und dann hier bitte posten, danke. Was für ein System nutzt Du (welche HW)?

[carsten04]

@skvarel Das ist echt Strange. Die HW ist ja völlig ausreichend. Habe bei mir jetzt mal mit 250 common.states getestet, hat alles geklappt. Wobei ich sagen muss, dass der Anwendungsfall mit mehr als 50 Einträgen in der Auswahl auch so nicht sinnvoll ist, da die Wert[n]-Anzahl schnell unübersichtlich wird. Hier war eher der Gedanke bei Auswahlen von vielleicht 10 common.states jeweils individuell für jeden Auswahlwert Icons, Farben usw. individuell zu setzen, wenn man denn möchte.

[skvarel]

@carsten04 .. auf die States habe ich ja keinen Einfluss, das gibt hier der WLED Adapter vor.

[denjo]

@carsten04 hatte ihn schon öfter installiert usw

hab nen intel nuc i7 64gb ram 1tb speicher proxmox

[skvarel]

@carsten04

Das wäre zum Beispiel einer der Datenpunkte:

{
  "type": "state",
  "common": {
    "name": "ID of the effect ",
    "type": "number",
    "role": "state",
    "read": true,
    "unit": "",
    "write": true,
    "states": {
      "0": "Solid",
      "1": "Blink",
      "2": "Breathe",
      "3": "Wipe",
      "4": "Wipe Random",
      "5": "Random Colors",
      "6": "Sweep",
      "7": "Dynamic",
      "8": "Colorloop",
      "9": "Rainbow",
      "10": "Scan",
      "11": "Scan Dual",
      "12": "Fade",
      "13": "Theater",
      "14": "Theater Rainbow",
      "15": "Running",
      "16": "Saw",
      "17": "Twinkle",
      "18": "Dissolve",
      "19": "Dissolve Rnd",
      "20": "Sparkle",
      "21": "Sparkle Dark",
      "22": "Sparkle+",
      "23": "Strobe",
      "24": "Strobe Rainbow",
      "25": "Strobe Mega",
      "26": "Blink Rainbow",
      "27": "Android",
      "28": "Chase",
      "29": "Chase Random",
      "30": "Chase Rainbow",
      "31": "Chase Flash",
      "32": "Chase Flash Rnd",
      "33": "Rainbow Runner",
      "34": "Colorful",
      "35": "Traffic Light",
      "36": "Sweep Random",
      "37": "Chase 2",
      "38": "Aurora",
      "39": "Stream",
      "40": "Scanner",
      "41": "Lighthouse",
      "42": "Fireworks",
      "43": "Rain",
      "44": "Tetrix",
      "45": "Fire Flicker",
      "46": "Gradient",
      "47": "Loading",
      "48": "Rolling Balls",
      "49": "Fairy",
      "50": "Two Dots",
      "51": "Fairytwinkle",
      "52": "Running Dual",
      "53": "RSVD",
      "54": "Chase 3",
      "55": "Tri Wipe",
      "56": "Tri Fade",
      "57": "Lightning",
      "58": "ICU",
      "59": "Multi Comet",
      "60": "Scanner Dual",
      "61": "Stream 2",
      "62": "Oscillate",
      "63": "Pride 2015",
      "64": "Juggle",
      "65": "Palette",
      "66": "Fire 2012",
      "67": "Colorwaves",
      "68": "Bpm",
      "69": "Fill Noise",
      "70": "Noise 1",
      "71": "Noise 2",
      "72": "Noise 3",
      "73": "Noise 4",
      "74": "Colortwinkles",
      "75": "Lake",
      "76": "Meteor",
      "77": "Meteor Smooth",
      "78": "Railway",
      "79": "Ripple",
      "80": "Twinklefox",
      "81": "Twinklecat",
      "82": "Halloween Eyes",
      "83": "Solid Pattern",
      "84": "Solid Pattern Tri",
      "85": "Spots",
      "86": "Spots Fade",
      "87": "Glitter",
      "88": "Candle",
      "89": "Fireworks Starburst",
      "90": "Fireworks 1D",
      "91": "Bouncing Balls",
      "92": "Sinelon",
      "93": "Sinelon Dual",
      "94": "Sinelon Rainbow",
      "95": "Popcorn",
      "96": "Drip",
      "97": "Plasma",
      "98": "Percent",
      "99": "Ripple Rainbow",
      "100": "Heartbeat",
      "101": "Pacifica",
      "102": "Candle Multi",
      "103": "Solid Glitter",
      "104": "Sunrise",
      "105": "Phased",
      "106": "Twinkleup",
      "107": "Noise Pal",
      "108": "Sine",
      "109": "Phased Noise",
      "110": "Flow",
      "111": "Chunchun",
      "112": "Dancing Shadows",
      "113": "Washing Machine",
      "114": "Rotozoomer",
      "115": "Blends",
      "116": "TV Simulator",
      "117": "Dynamic Smooth",
      "118": "Spaceships",
      "119": "Crazy Bees",
      "120": "Ghost Rider",
      "121": "Blobs",
      "122": "Scrolling Text",
      "123": "Drift Rose",
      "124": "Distortion Waves",
      "125": "Soap",
      "126": "Octopus",
      "127": "Waving Cell",
      "128": "Pixels",
      "129": "Pixelwave",
      "130": "Juggles",
      "131": "Matripix",
      "132": "Gravimeter",
      "133": "Plasmoid",
      "134": "Puddles",
      "135": "Midnoise",
      "136": "Noisemeter",
      "137": "Freqwave",
      "138": "Freqmatrix",
      "139": "GEQ",
      "140": "Waterfall",
      "141": "Freqpixels",
      "142": "RSVD",
      "143": "Noisefire",
      "144": "Puddlepeak",
      "145": "Noisemove",
      "146": "Noise2D",
      "147": "Perlin Move",
      "148": "Ripple Peak",
      "149": "Firenoise",
      "150": "Squared Swirl",
      "151": "RSVD",
      "152": "DNA",
      "153": "Matrix",
      "154": "Metaballs",
      "155": "Freqmap",
      "156": "Gravcenter",
      "157": "Gravcentric",
      "158": "Gravfreq",
      "159": "DJ Light",
      "160": "Funky Plank",
      "161": "RSVD",
      "162": "Pulser",
      "163": "Blurz",
      "164": "Drift",
      "165": "Waverly",
      "166": "Sun Radiation",
      "167": "Colored Bursts",
      "168": "Julia",
      "169": "RSVD",
      "170": "RSVD",
      "171": "RSVD",
      "172": "Game Of Life",
      "173": "Tartan",
      "174": "Polar Lights",
      "175": "Swirl",
      "176": "Lissajous",
      "177": "Frizzles",
      "178": "Plasma Ball",
      "179": "Flow Stripe",
      "180": "Hiphotic",
      "181": "Sindots",
      "182": "DNA Spiral",
      "183": "Black Hole",
      "184": "Wavesins",
      "185": "Rocktaves",
      "186": "Akemi"
    }
  },
  "from": "system.adapter.wled.0",
  "user": "system.user.admin",
  "ts": 1771180559950,
  "_id": "wled.0.bcddc236f0f7.seg.0.fx",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}

[denjo]

@skvarel bei mir wäre es genau der gleiche datenpunkt, Kollege ;)

[skvarel]

@carsten04 sagte in VIS 2: WLED Effekt (seg.0.fx) als Dropdown anzeigen:

@skvarel Das ist echt Strange. Die HW ist ja völlig ausreichend.

Zumal die Hardware vom ioBroker hierbei unwichtig ist. Die VIS (inkl.Editor) wird auf dem Anzeigegrät gerändert.

[carsten04]

@denjo @mcu @skvarel Es gibt eine neue Version v2.3.3, die das Problem lösen sollte. Ich habe jetzt ein neues Attribut hinzugefügt, nämlich:

Die Checkbox ist im Standard gehakt, wodurch keine Wert[n]-Gruppen angelegt werden, falls common.states existiert. Erst mit Deaktivierung der Checkbox werden die Wert[n]-Gruppen angelegt, was ggf. wieder zum Einfrieren des vis-2 Editors führt, wenn man extrem viele states in common angelegt hat, darauf weist aber der Tooltip hin. Ich denke damit sollte es für jeden erstmal wieder funktionieren, wobei der Fall der extrem hohen states-Anzahl eher die Ausnahme ist, dafür sind die Wertgruppen in vis-2 auch nicht gedacht.
Wenn etwas nicht klappt, dann gerne hier Feedback.

[skvarel]

@carsten04 sagte in VIS 2: WLED Effekt (seg.0.fx) als Dropdown anzeigen:

@denjo @mcu @skvarel Es gibt eine neue Versio v2.3.3, die das Problem lösen sollte. Ich habe jetzt ein neues Attribut hinzugefügt, nämlich:

Funktioniert, danke :)

[skvarel]

@denjo .. es wird auch ein Dropdown von inventwo geben ;) Mein Sohn ist bereits dran.

[denjo]

@skvarel bin gespannt

[skvarel]

@denjo ... Spoiler ;)

EDIT:

Der Wert ist auch ausblendbar

[skvarel]

Gefällt mir richtig gut ... erste WLED VIEW :)

[MCU]

@skvarel Kannst du mal einen Export von Deinem Dashboard mit dem Popup erstellen? Danke.

[skvarel]

Mit einem kleinen Script können jetzt auch die Presets per Dropdown gesteuert werden.

Export und Link zum Script kommt gleich!

[skvarel]

Die komplette View:

{
  "name": "v52_WLED",
  "parentId": null,
  "settings": {
    "style": {
      "background-color": "rgba(0,0,0,0)"
    },
    "snapType": 2,
    "gridSize": "5",
    "alwaysRender": false,
    "navigationBar": false
  },
  "widgets": {
    "w001431": {
      "tpl": "tplInventwoWidgetUniversal",
      "data": {
        "bindings": [],
        "type": "readonly",
        "g_common": true,
        "mode": "singleButton",
        "direction": "row",
        "oid": "",
        "httpType": "send",
        "buttonSize": 110,
        "btnSpacing": 10,
        "countStates": 0,
        "buttonHoldValue": false,
        "dialogWidth": 500,
        "g_attr_group_type_view_in_dialog": true,
        "dialogHeight": 300,
        "dialogPadding": 10,
        "dialogBackground": "rgb(18, 18, 18)",
        "dialogTitleColor": "rgb(255,255,255)",
        "dialogTitleSize": 20,
        "dialogCloseButtonBackground": "rgba(255,255,255,0)",
        "dialogCloseButtonColor": "rgba(255,255,255,1)",
        "dialogCloseButtonSize": 14,
        "dialogBorderRadiusTopLeft": 12,
        "dialogBorderRadiusTopRight": 0,
        "dialogBorderRadiusBottomRight": 12,
        "dialogBorderRadiusBottomLeft": 0,
        "contentBlinkInterval": 0,
        "g_attr_group_state_default": true,
        "outerShadowColor": "rgba(0, 0, 0, 1)",
        "colorPickerColorModel": "hex",
        "g_attr_content_color_picker": true,
        "colorPickerWidth": 200,
        "colorPickerHandleSize": 8,
        "colorPickerHandleMargin": 6,
        "colorPickerComponentsSpace": 12,
        "colorPickerDirection": "vertical",
        "colorPickerBorderWidth": 0,
        "colorPickerShowWheel": true,
        "colorPickerShowSaturation": true,
        "colorPickerShowValue": true,
        "textDecoration": "none",
        "g_attr_group_css_text": true,
        "textMarginTop": 0,
        "textMarginBottom": 0,
        "textMarginLeft": 0,
        "textMarginRight": 0,
        "contentType": "image",
        "g_attr_group_css_content": true,
        "contentMarginTop": 0,
        "contentMarginBottom": 0,
        "contentMarginLeft": 0,
        "contentMarginRight": 0,
        "contentSize": 0,
        "contentRotation": 0,
        "contentMirror": true,
        "flexDirection": "column",
        "g_attr_group_css_alignment": true,
        "alignItems": "space-between",
        "textAlign": "start",
        "contentAlign": "end",
        "backgroundOpacity": 0.9,
        "g_attr_group_css_transparency": true,
        "contentOpacity": 0.9,
        "paddingLeft": 10,
        "g_attr_group_css_spacing": true,
        "paddingRight": 10,
        "paddingTop": 10,
        "paddingBottom": 10,
        "borderRadiusTopLeft": 0,
        "g_attr_group_css_border_radius": true,
        "borderRadiusTopRight": 0,
        "borderRadiusBottomRight": 0,
        "borderRadiusBottomLeft": 0,
        "borderSizeTop": 0,
        "g_attr_group_css_border": true,
        "borderSizeBottom": 0,
        "borderSizeLeft": 0,
        "borderSizeRight": 0,
        "borderStyle": "none",
        "outerShadowX": 2,
        "g_attr_group_css_outer_shadow": true,
        "outerShadowY": 2,
        "outerShadowBlur": 2,
        "outerShadowSize": 2,
        "innerShadowX": 0,
        "g_attr_group_css_inner_shadow": true,
        "innerShadowY": 0,
        "innerShadowBlur": 2,
        "innerShadowSize": 2,
        "background": "linear-gradient(#444, #111)",
        "contentColor": "rgba(255,255,255,1)",
        "textColor": "rgba(255,255,255,1)",
        "borderColor": "rgba(46,67,74,1)",
        "innerShadowColor": "rgba(46,67,74,1)",
        "view": "",
        "icon": "",
        "text": "",
        "image": "",
        "g_css_font_text": true,
        "valueTrue": "0"
      },
      "style": {
        "bindings": [],
        "left": "0px",
        "top": "0px",
        "width": "820",
        "height": "660px",
        "position": "absolute",
        "overflow": "visible",
        "text-shadow": "2px 2px 1px #000000",
        "font-size": "14px",
        "z-index": "1"
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001433": {
      "tpl": "tplInventwoWidgetDropdown",
      "data": {
        "bindings": [],
        "oid": "wled.0.94b97ed90764.seg.0.fx",
        "showValue": false,
        "g_common": true,
        "fontSize": 16,
        "g_attr_group_css_dropdown": true,
        "textColor": "rgba(255, 255, 255, 1)",
        "backgroundColor": "rgba(102,102,102,1)",
        "highlightColor": "rgba(46,67,74,1)",
        "borderColor": "rgba(46,67,74,1)",
        "borderWidth": 1,
        "borderRadius": 5,
        "shadowX": 2,
        "shadowY": 2,
        "shadowBlur": 4,
        "shadowColor": "rgba(0, 0, 0, 1)",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 285,
        "top": 35,
        "overflow-x": "visible",
        "overflow-y": "visible",
        "width": "250",
        "height": "44px",
        "z-index": "10",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001436": {
      "tpl": "tplInventwoWidgetDropdown",
      "data": {
        "bindings": [],
        "oid": "wled.0.94b97ed90764.seg.0.pal",
        "showValue": false,
        "g_common": true,
        "fontSize": 16,
        "g_attr_group_css_dropdown": true,
        "textColor": "rgba(255, 255, 255, 1)",
        "backgroundColor": "rgba(102,102,102,1)",
        "highlightColor": "rgba(46,67,74,1)",
        "borderColor": "rgba(46,67,74,1)",
        "borderWidth": 1,
        "borderRadius": 5,
        "shadowX": 2,
        "shadowY": 2,
        "shadowBlur": 4,
        "shadowColor": "rgba(0, 0, 0, 1)",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 25,
        "top": 35,
        "overflow-x": "visible",
        "overflow-y": "visible",
        "width": "250",
        "height": "44px",
        "z-index": "10",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001437": {
      "tpl": "tplInventwoWidgetUniversal",
      "data": {
        "bindings": [
          "innerShadowColor1",
          "background1"
        ],
        "type": "readonly",
        "g_common": true,
        "mode": "singleButton",
        "direction": "row",
        "oid": "",
        "httpType": "send",
        "buttonSize": 110,
        "btnSpacing": 10,
        "countStates": 0,
        "buttonHoldValue": false,
        "dialogWidth": 500,
        "g_attr_group_type_view_in_dialog": true,
        "dialogHeight": 300,
        "dialogPadding": 10,
        "dialogBackground": "rgb(18, 18, 18)",
        "dialogTitleColor": "rgb(255,255,255)",
        "dialogTitleSize": 20,
        "dialogCloseButtonBackground": "rgba(255,255,255,0)",
        "dialogCloseButtonColor": "rgba(255,255,255,1)",
        "dialogCloseButtonSize": 14,
        "dialogBorderRadiusTopLeft": 12,
        "dialogBorderRadiusTopRight": 0,
        "dialogBorderRadiusBottomRight": 12,
        "dialogBorderRadiusBottomLeft": 0,
        "contentBlinkInterval": 0,
        "g_attr_group_state_default": true,
        "outerShadowColor": "rgba(0, 0, 0, 1)",
        "colorPickerColorModel": "hex",
        "g_attr_content_color_picker": true,
        "colorPickerWidth": 400,
        "colorPickerHandleSize": 15,
        "colorPickerHandleMargin": 15,
        "colorPickerComponentsSpace": 0,
        "colorPickerDirection": "vertical",
        "colorPickerBorderWidth": 0,
        "colorPickerShowWheel": true,
        "colorPickerShowSaturation": false,
        "colorPickerShowValue": false,
        "textDecoration": "none",
        "g_attr_group_css_text": true,
        "textMarginTop": 0,
        "textMarginBottom": 0,
        "textMarginLeft": 0,
        "textMarginRight": 0,
        "contentType": "colorPicker",
        "g_attr_group_css_content": true,
        "contentMarginTop": 0,
        "contentMarginBottom": 0,
        "contentMarginLeft": 0,
        "contentMarginRight": 0,
        "contentSize": 0,
        "contentRotation": 0,
        "contentMirror": false,
        "flexDirection": "column",
        "g_attr_group_css_alignment": true,
        "alignItems": "center",
        "textAlign": "center",
        "contentAlign": "center",
        "backgroundOpacity": 0,
        "g_attr_group_css_transparency": true,
        "contentOpacity": 1,
        "paddingLeft": 0,
        "g_attr_group_css_spacing": true,
        "paddingRight": 0,
        "paddingTop": 0,
        "paddingBottom": 0,
        "borderRadiusTopLeft": 0,
        "g_attr_group_css_border_radius": true,
        "borderRadiusTopRight": 0,
        "borderRadiusBottomRight": 0,
        "borderRadiusBottomLeft": 0,
        "borderSizeTop": 0,
        "g_attr_group_css_border": true,
        "borderSizeBottom": 0,
        "borderSizeLeft": 0,
        "borderSizeRight": 0,
        "borderStyle": "none",
        "outerShadowX": 0,
        "g_attr_group_css_outer_shadow": true,
        "outerShadowY": 0,
        "outerShadowBlur": 0,
        "outerShadowSize": 0,
        "innerShadowX": 0,
        "g_attr_group_css_inner_shadow": true,
        "innerShadowY": 0,
        "innerShadowBlur": 0,
        "innerShadowSize": 0,
        "background": "linear-gradient(#444, #111)",
        "contentColor": "rgba(255,255,255,1)",
        "textColor": "rgba(255,255,255,1)",
        "borderColor": "rgba(46,67,74,1)",
        "innerShadowColor": "rgba(46,67,74,1)",
        "view": "v000_index",
        "icon": "",
        "undefined1": null,
        "text": "",
        "image": "",
        "g_css_font_text": true,
        "valueTrue": "",
        "valueFalse": "false",
        "defaultColorsStyleFromWidget": "",
        "transparencyStyleFromWidget": "",
        "borderRadiusStyleFromWidget": "",
        "invertOrder": false,
        "colorPickerOid": "alias.0.WLED.BAR.Color",
        "colorPickerShowRed": false,
        "colorPickerShowBox": false,
        "colorPickerBorderColor": ""
      },
      "style": {
        "bindings": [],
        "left": 30,
        "top": 95,
        "width": "764px",
        "height": "425px",
        "position": "absolute",
        "overflow": "visible",
        "text-shadow": "2px 2px 1px #000000",
        "font-size": "14px",
        "z-index": "10"
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001438": {
      "tpl": "tplInventwoWidgetSlider",
      "data": {
        "bindings": [],
        "oid": "alias.0.WLED.BAR.Dimmer",
        "minValue": 0,
        "g_common": true,
        "maxValue": 100,
        "step": 1,
        "orientation": "horizontal",
        "showMinMax": false,
        "showSteps": false,
        "stepMode": "auto",
        "stepDisplay": 10,
        "sliderRailColor": "rgba(102,102,102,1)",
        "g_attr_group_css_slider_track": true,
        "sliderRailActiveColor": "rgba(115,114,114,1)",
        "trackBarType": "normal",
        "trackWidth": 20,
        "trackBorderRadius": 100,
        "trackShadowX": 2,
        "trackShadowY": 2,
        "trackShadowBlur": 2,
        "trackShadowSize": 1,
        "trackShadowColor": "rgba(0, 0, 0, 1)",
        "sliderThumbColor": "rgba(46,67,74,1)",
        "g_attr_group_css_slider_slider_thumb": true,
        "thumbSize": 25,
        "thumbBorderRadius": 100,
        "thumbShadowX": 2,
        "thumbShadowY": 2,
        "thumbShadowBlur": 2,
        "thumbShadowSize": 1,
        "thumbShadowColor": "rgba(0, 0, 0, 0.5)",
        "max_value": 0,
        "min_value": 255
      },
      "style": {
        "bindings": [],
        "left": 20,
        "top": 545,
        "width": "770px",
        "overflow-x": "visible",
        "overflow-y": "visible",
        "height": "50",
        "z-index": "100"
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001439": {
      "tpl": "tplInventwoWidgetSlider",
      "data": {
        "bindings": [],
        "oid": "alias.0.WLED.BAR.Effekt_Speed",
        "minValue": 0,
        "g_common": true,
        "maxValue": 100,
        "step": 1,
        "orientation": "horizontal",
        "showMinMax": false,
        "showSteps": false,
        "stepMode": "auto",
        "stepDisplay": 10,
        "sliderRailColor": "rgba(102,102,102,1)",
        "g_attr_group_css_slider_track": true,
        "sliderRailActiveColor": "rgba(115,114,114,1)",
        "trackBarType": "normal",
        "trackWidth": 20,
        "trackBorderRadius": 100,
        "trackShadowX": 2,
        "trackShadowY": 2,
        "trackShadowBlur": 2,
        "trackShadowSize": 1,
        "trackShadowColor": "rgba(0, 0, 0, 1)",
        "sliderThumbColor": "rgba(46,67,74,1)",
        "g_attr_group_css_slider_slider_thumb": true,
        "thumbSize": 25,
        "thumbBorderRadius": 100,
        "thumbShadowX": 2,
        "thumbShadowY": 2,
        "thumbShadowBlur": 2,
        "thumbShadowSize": 1,
        "thumbShadowColor": "rgba(0, 0, 0, 0.5)",
        "max_value": 0,
        "min_value": 255
      },
      "style": {
        "bindings": [],
        "left": 20,
        "top": 603,
        "width": "770px",
        "overflow-x": "visible",
        "overflow-y": "visible",
        "height": "50",
        "z-index": 100
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001440": {
      "tpl": "tplValueFloat",
      "data": {
        "bindings": [],
        "oid": "alias.0.WLED.BAR.Dimmer",
        "is_comma": "true",
        "g_extended": true,
        "factor": "1",
        "html_prepend": "Dimmer: ",
        "html_append_singular": " %",
        "digits": "0",
        "is_tdp": true,
        "html_append_plural": " %",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 19,
        "top": 525,
        "z-index": "1",
        "width": "118px",
        "height": "30",
        "text-align": "left",
        "font-size": "medium",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "basic"
    },
    "w001441": {
      "tpl": "tplValueFloat",
      "data": {
        "bindings": [],
        "oid": "alias.0.WLED.BAR.Effekt_Speed",
        "is_comma": "true",
        "g_extended": true,
        "factor": "1",
        "html_prepend": "Speed: ",
        "html_append_singular": " %",
        "digits": "0",
        "is_tdp": true,
        "html_append_plural": " %",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": "19px",
        "top": "583px",
        "z-index": "1",
        "width": "118px",
        "height": "30",
        "text-align": "left",
        "font-size": "medium",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "basic"
    },
    "w001443": {
      "tpl": "tplInventwoWidgetUniversal",
      "data": {
        "bindings": [
          "innerShadowColor1",
          "background1"
        ],
        "type": "http",
        "g_common": true,
        "mode": "singleButton",
        "direction": "row",
        "oid": "",
        "httpType": "openNewTab",
        "buttonSize": 110,
        "btnSpacing": 10,
        "countStates": 1,
        "buttonHoldValue": false,
        "dialogWidth": 500,
        "g_attr_group_type_view_in_dialog": true,
        "dialogHeight": 300,
        "dialogPadding": 10,
        "dialogBackground": "rgb(18, 18, 18)",
        "dialogTitleColor": "rgb(255,255,255)",
        "dialogTitleSize": 20,
        "dialogCloseButtonBackground": "rgba(255,255,255,0)",
        "dialogCloseButtonColor": "rgba(255,255,255,1)",
        "dialogCloseButtonSize": 14,
        "dialogBorderRadiusTopLeft": 12,
        "dialogBorderRadiusTopRight": 0,
        "dialogBorderRadiusBottomRight": 12,
        "dialogBorderRadiusBottomLeft": 0,
        "contentBlinkInterval": 0,
        "g_attr_group_state_default": true,
        "outerShadowColor": "rgba(0, 0, 0, 1)",
        "colorPickerColorModel": "hex",
        "g_attr_content_color_picker": true,
        "colorPickerWidth": 200,
        "colorPickerHandleSize": 8,
        "colorPickerHandleMargin": 6,
        "colorPickerComponentsSpace": 12,
        "colorPickerDirection": "vertical",
        "colorPickerBorderWidth": 0,
        "colorPickerShowWheel": true,
        "colorPickerShowSaturation": true,
        "colorPickerShowValue": true,
        "textDecoration": "none",
        "g_attr_group_css_text": true,
        "textMarginTop": 0,
        "textMarginBottom": 0,
        "textMarginLeft": 0,
        "textMarginRight": 0,
        "contentType": "icon",
        "g_attr_group_css_content": true,
        "contentMarginTop": 0,
        "contentMarginBottom": 0,
        "contentMarginLeft": 0,
        "contentMarginRight": 0,
        "contentSize": 40,
        "contentRotation": 0,
        "contentMirror": false,
        "flexDirection": "column",
        "g_attr_group_css_alignment": true,
        "alignItems": "center",
        "textAlign": "center",
        "contentAlign": "center",
        "backgroundOpacity": 0,
        "g_attr_group_css_transparency": true,
        "contentOpacity": 0.9,
        "paddingLeft": 0,
        "g_attr_group_css_spacing": true,
        "paddingRight": 0,
        "paddingTop": 0,
        "paddingBottom": 0,
        "borderRadiusTopLeft": 0,
        "g_attr_group_css_border_radius": true,
        "borderRadiusTopRight": 0,
        "borderRadiusBottomRight": 0,
        "borderRadiusBottomLeft": 0,
        "borderSizeTop": 0,
        "g_attr_group_css_border": true,
        "borderSizeBottom": 0,
        "borderSizeLeft": 0,
        "borderSizeRight": 0,
        "borderStyle": "none",
        "outerShadowX": 0,
        "g_attr_group_css_outer_shadow": true,
        "outerShadowY": 0,
        "outerShadowBlur": 0,
        "outerShadowSize": 0,
        "innerShadowX": 0,
        "g_attr_group_css_inner_shadow": true,
        "innerShadowY": 0,
        "innerShadowBlur": 0,
        "innerShadowSize": 0,
        "background": "linear-gradient(#444, #111)",
        "contentColor": "rgba(255,255,255,1)",
        "textColor": "rgba(255,255,255,1)",
        "borderColor": "rgba(46,67,74,1)",
        "innerShadowColor": "rgba(46,67,74,1)",
        "view": "v000_index",
        "icon": "",
        "undefined1": null,
        "compareBy1": "default",
        "oid1": null,
        "comparisonOperator1": "===",
        "value1": "true",
        "view1": "",
        "text1": "",
        "textTrue1": null,
        "icon1": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjYuNDU4MzM0bW0iIGhlaWdodD0iMjYuNDU4MzI2bW0iIHZpZXdCb3g9IjAgMCA3NS4wMDAxNDkgNzUuMDAwMDcxIiBpZD0ic3ZnMTY1IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzMTY1IiAvPjxnIGlkPSJsYXllcjEiIHN0eWxlPSJvcGFjaXR5OjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuNTAwNzcsLTExMDIuNTAxOSkiPjxnIGlkPSJnMzI4Ij48cGF0aCBkPSJtIDQ3Mi41MDA3NywxMTAyLjUwMTkgdiA3NS4wMDAxIGggNzUuMDAwMTIgdiAtNzUuMDAwMSB6IiBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0eToxO2ZpbGw6IzgwMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjIyNTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC43NTMzNzY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBpZD0icGF0aDE1NC01LTctOC01LTEtMy0yMSIgLz48ZyBpZD0iZzMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4xNjY5NzQzLDAuODQ2Njg4OSkiPjxnIGlkPSJnMzI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjM0MzI4NTcsMCwwLDEuMzQzMjg1NywtMTc2LjIyMDU2LC0zODguMzIzOTkpIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpjdXJyZW50Q29sb3I7c3Ryb2tlLXdpZHRoOjIuMjU7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiPjxwYXRoIGlkPSJwYXRoMzA3LTkiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNDkyLjc1MDg2LDExMzEuMDAxOSBjIDAsLTQuMTQyMiAzLjM1Nzg3LC03LjUgNy40OTk5OCwtNy41IDQuMTQyMTEsMCA3LjQ5OTk4LDMuMzU3OCA3LjQ5OTk4LDcuNSIgLz48cGF0aCBpZD0icGF0aDMwNy05LTciIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNTA3Ljc1MDgyLDExMzEuMDAxOSBjIDAsLTQuMTQyMiAzLjM1Nzg3LC03LjUgNy40OTk5OCwtNy41IDQuMTQyMTEsMCA3LjQ5OTk4LDMuMzU3OCA3LjQ5OTk4LDcuNSIgLz48L2c+PGcgaWQ9ImczMjMiIHRyYW5zZm9ybT0ibWF0cml4KDEuMzQzMjg1NywwLDAsMS4zNDMyODU3LC0xNzYuMjIwNTYsLTM4OC4zMjM5OSkiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSI+PHBhdGggaWQ9InBhdGgzMDciIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpjdXJyZW50Q29sb3I7c3Ryb2tlLXdpZHRoOjIuMjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDQ5OC4zOTA4LDExMTcuMzA2OSBjIDAsLTIuNTg0NyAyLjA5NTMyLC00LjY4IDQuNjgwMDEsLTQuNjggMi41ODQ2OSwwIDQuNjgwMDEsMi4wOTUzIDQuNjgwMDEsNC42OCIgLz48cGF0aCBpZD0icGF0aDMwNy04IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpjdXJyZW50Q29sb3I7c3Ryb2tlLXdpZHRoOjIuMjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDUwNy43NTA4MiwxMTE3LjMwNjkgYyAwLC0yLjU4NDcgMi4wOTUzMiwtNC42OCA0LjY4MDAxLC00LjY4IDIuNTg0NjksMCA0LjY4MDAxLDIuMDk1MyA0LjY4MDAxLDQuNjgiIC8+PC9nPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6My4wMjI0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDUwNS44MzM4NSwxMTEyLjUzODQgdiAyNy43MTU0IiBpZD0icGF0aDMwOCIgLz48L2c+PGcgaWQ9ImczMjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMTY2OTcxLDAuODQ2Njg4OSkiPjxwYXRoIHN0eWxlPSJkaXNwbGF5OmlubGluZTtvcGFjaXR5OjE7ZmlsbDpub25lO3N0cm9rZTpjdXJyZW50Q29sb3I7c3Ryb2tlLXdpZHRoOjMuMDIyNDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTSA1MDUuODMzODUsMTE2NS4wMDU4IiBpZD0icGF0aDI2MyIgLz48ZyBpZD0iZzI2MyIgdHJhbnNmb3JtPSJtYXRyaXgoMS4zNDMyODU3LDAsMCwxLjM0MzI4NTcsLTE3OS41MTQ2NSwtMzg4LjMyMzk5KSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIj48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0eTowLjA5MDkwOTtmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTSA1MTAuMjAzMDgsMTE1Ni4zNjU5IiBpZD0icGF0aDI2NCIgLz48L2c+PGcgaWQ9ImczMjIiIHRyYW5zZm9ybT0ibWF0cml4KDEuMzQzMjg1NywwLDAsMS4zNDMyODU3LC0xNzUuNzE2ODIsLTM4OC4zMjM5OSkiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSI+PHBhdGggaWQ9InBhdGgzMDctOS02LTUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNDkyLjc1MDc5LDExNjAuOTA4MiBjIDAsLTEuOTY3NiAxLjU5NDk5LC0zLjU2MjUgMy41NjI1LC0zLjU2MjUiIC8+PHBhdGggaWQ9InBhdGgzMDctOS02LTUtMyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA1MjIuMDAwODQsMTE2MC45MDgyIGMgMCwtMS45Njc2IC0xLjU5NDk5LC0zLjU2MjUgLTMuNTYyNSwtMy41NjI1IiAvPjwvZz48ZyBpZD0iZzMxOCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjM0MzI4NTcsMCwwLDEuMzQzMjg1NywtMTc1Ljk2ODcsLTM4OC4zMjM5OSkiPjxwYXRoIGlkPSJwYXRoMzA3LTktNiIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA0ODguMjUwODIsMTEzOS40Mzk0IGMgMCw1LjE3NzggNC4xOTczNSw5LjM3NSA5LjM3NSw5LjM3NSIgLz48cGF0aCBpZD0icGF0aDMwNy05LTYtNyIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA1MjYuODc1ODMsMTEzOS40Mzk0IGMgMCw1LjE3NzggLTQuMTk3MzUsOS4zNzUgLTkuMzc1LDkuMzc1IiAvPjwvZz48cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpjdXJyZW50Q29sb3I7c3Ryb2tlLXdpZHRoOjMuMDIyNDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA0OTIuNDg0OTUsMTE1NC44NjE5IGggMjYuNjk3ODIiIGlkPSJwYXRoMzA5IiAvPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6My4wMjI0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA0NzkuODkxNjUsMTE0MC4yNTM4IGggNTEuODg0NDIiIGlkPSJwYXRoMzEwIiAvPjxnIGlkPSJnMzIwIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpjdXJyZW50Q29sb3I7c3Ryb2tlLXdpZHRoOjIuMjU7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIHRyYW5zZm9ybT0ibWF0cml4KDEuMzQzMjg1NywwLDAsMS4zNDMyODU3LC0xNzUuOTY4NywtMzg4LjMyMzk5KSI+PGcgaWQ9ImczMTkiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDQ4OC4yNTA4MiwxMTM5LjQzOTQgdiAtMS41IiBpZD0icGF0aDMxMSIgLz48L2c+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDUyNi44NzU4MywxMTM5LjQzOTQgdiAtMS41IiBpZD0icGF0aDMxMiIgLz48L2c+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDozLjAyMjQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNDkwLjk3MzczLDExNjYuMzIyIGggMjkuNzIwMjYiIGlkPSJwYXRoMzEzIiAvPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6My4wMjI0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDQ4Ni4xODgyOCwxMTczLjc1MTkgaCAzOS4yOTExNyIgaWQ9InBhdGgzMTQiIC8+PGcgaWQ9ImczMjEiIHRyYW5zZm9ybT0ibWF0cml4KDEuMzQzMjg1NywwLDAsMS4zNDMyODU3LC0xNzUuNzE2ODIsLTM4OC4zMjM5OSkiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNDkyLjc1MDc5LDExNjAuOTA4MiB2IDEuOTY4NyIgaWQ9InBhdGgzMTUiIC8+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA1MjIuMDAwODQsMTE2MC45MDgyIHYgMS45Njg3IiBpZD0icGF0aDMxNiIgLz48L2c+PGcgaWQ9ImczMTciIHRyYW5zZm9ybT0ibWF0cml4KDEuMzQzMjg1NywwLDAsMS4zNDMyODU3LC0xNzYuMTE2MzMsLTM4OC4zMjM5OSkiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Y3VycmVudENvbG9yO3N0cm9rZS13aWR0aDoyLjI1O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDUwMy42MDY5MiwxMTQ4LjgxNDQgdiA4LjUzMTMiIGlkPSJwYXRoMzE3IiAvPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOmN1cnJlbnRDb2xvcjtzdHJva2Utd2lkdGg6Mi4yNTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA1MTEuNzM5NTMsMTE0OC44MTQ0IHYgOC41MzEzIiBpZD0icGF0aDMxNy00IiAvPjwvZz48L2c+PC9nPjwvZz48c3R5bGUgdHlwZT0idGV4dC9jc3MiIGlkPSJzdHlsZTEiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LnN0MntmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uc3Qze2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LnN0NHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5zdDV7ZmlsbDojRkZGRkZGO30uc3Q2e3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uc3Q3e2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5zdDh7ZmlsbDpub25lO30uc3Q5e2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fTwvc3R5bGU+PHN0eWxlIHR5cGU9InRleHQvY3NzIiBpZD0ic3R5bGUxLTUiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LnN0MntmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uc3Qze2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9LnN0NHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5zdDV7ZmlsbDojRkZGRkZGO30uc3Q2e3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30uc3Q3e2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5zdDh7ZmlsbDpub25lO30uc3Q5e2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fTwvc3R5bGU+PC9zdmc+Cg==",
        "iconTrue1": null,
        "image1": "",
        "imageTrue1": null,
        "html1": null,
        "htmlTrue1": null,
        "viewInWidget1": null,
        "viewInWidgetTrue1": null,
        "contentBlinkInterval1": null,
        "contentColor1": "rgba(255,255,255,1)",
        "contentColorTrue1": null,
        "background1": "rgba(46,67,74,1)",
        "backgroundTrue1": "rgb(69,86,24)",
        "textColor1": "rgba(255,255,255,1)",
        "textColorTrue1": null,
        "borderColor1": "rgba(46,67,74,1)",
        "borderColorTrue1": null,
        "outerShadowColor1": "rgb(0,0,0)",
        "outerShadowColorTrue1": "rgb(0,0,0)",
        "innerShadowColor1": "rgba(46,67,74,1)",
        "innerShadowColorTrue1": null,
        "contentSize1": null,
        "g_countStates-1": true,
        "text": "",
        "image": "",
        "g_css_font_text": true,
        "valueTrue": "true",
        "invertOrder": true,
        "valueFalse": "false",
        "url": "http://192.168.160.210/"
      },
      "style": {
        "bindings": [],
        "left": 25,
        "top": 110,
        "width": "50",
        "height": "50",
        "position": "absolute",
        "overflow": "visible",
        "text-shadow": "2px 2px 1px #000000",
        "font-size": "14px",
        "z-index": 100
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001444": {
      "tpl": "tplInventwoWidgetDropdown",
      "data": {
        "bindings": [],
        "oid": "0_userdata.0.WLED.barPresetList",
        "showValue": false,
        "g_common": true,
        "fontSize": 16,
        "g_attr_group_css_dropdown": true,
        "textColor": "rgba(255, 255, 255, 1)",
        "backgroundColor": "rgba(102,102,102,1)",
        "highlightColor": "rgba(46,67,74,1)",
        "borderColor": "rgba(46,67,74,1)",
        "borderWidth": 1,
        "borderRadius": 5,
        "shadowX": 2,
        "shadowY": 2,
        "shadowBlur": 4,
        "shadowColor": "rgba(0, 0, 0, 1)",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 545,
        "top": 35,
        "overflow-x": "visible",
        "overflow-y": "visible",
        "width": "250",
        "height": "44px",
        "z-index": "10",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "vis-2-widgets-inventwo"
    },
    "w001445": {
      "tpl": "tplValueFloat",
      "data": {
        "bindings": [],
        "oid": "",
        "is_comma": "true",
        "g_extended": true,
        "factor": "1",
        "html_prepend": "Preset:",
        "html_append_singular": "",
        "digits": "0",
        "is_tdp": true,
        "html_append_plural": "",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 548,
        "top": 10,
        "z-index": 1,
        "width": "118px",
        "height": "22px",
        "text-align": "left",
        "font-size": "medium",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "basic"
    },
    "w001446": {
      "tpl": "tplValueFloat",
      "data": {
        "bindings": [],
        "oid": "",
        "is_comma": "true",
        "g_extended": true,
        "factor": "1",
        "html_prepend": "Effekt-Modus:",
        "html_append_singular": "",
        "digits": "0",
        "is_tdp": true,
        "html_append_plural": "",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 290,
        "top": 10,
        "z-index": "1",
        "width": "118px",
        "height": "22px",
        "text-align": "left",
        "font-size": "medium",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "basic"
    },
    "w001447": {
      "tpl": "tplValueFloat",
      "data": {
        "bindings": [],
        "oid": "",
        "is_comma": "true",
        "g_extended": true,
        "factor": "1",
        "html_prepend": "Farbpalette:",
        "html_append_singular": "",
        "digits": "0",
        "is_tdp": true,
        "html_append_plural": "",
        "g_css_font_text": true
      },
      "style": {
        "bindings": [],
        "left": 30,
        "top": 10,
        "z-index": 1,
        "width": "118px",
        "height": "22px",
        "text-align": "left",
        "font-size": "medium",
        "text-shadow": "2px 2px 1px #000000"
      },
      "widgetSet": "basic"
    }
  },
  "activeWidgets": []
}

Das Script für die Presets:

// ============================================
// WLED Preset-Nummer als Liste by inventwo
// ============================================

// WLED Preset Namen Konfiguration
const PRESET_CONFIG = {
    1: "Kerzen",
    2: "Party",
    3: "Jever",
    4: "Orange",
    5: "Regenbogen"
};

// Datenpunkte
const SOURCE_STATE = "wled.0.94b97xxx764.ps";  // WLED Preset Datenpunkt
const TARGET_STATE = "0_userdata.0.WLED.barPresetList";  // Ziel für Widget-Liste

// ============================================
// Finger weg -> Script Start
// ============================================

// Ziel-Datenpunkt erstellen falls nicht vorhanden
createState(TARGET_STATE, {
    name: "WLED Bar Preset Liste",
    type: "number",
    role: "value",
    read: true,
    write: true,
    states: PRESET_CONFIG
}, function() {
    log("Datenpunkt " + TARGET_STATE + " wurde erstellt/aktualisiert");
    
    // Initialer Wert setzen mit Verzögerung, damit Source-State bereit ist
    setTimeout(function() {
        if (existsState(SOURCE_STATE)) {
            const currentValue = getState(SOURCE_STATE);
            if (currentValue && currentValue.val !== null && currentValue.val !== undefined) {
                setState(TARGET_STATE, currentValue.val, true);
                log("Initialer Wert gesetzt: " + currentValue.val);
            }
        } else {
            log("WARNUNG: Source-State " + SOURCE_STATE + " existiert nicht!", "warn");
        }
    }, 1000);
});

// Auf Änderungen am Source-State reagieren (WLED -> Widget)
on({id: SOURCE_STATE, change: "any"}, function(obj) {
    const newValue = obj.state.val;
    
    if (newValue !== null && newValue !== undefined) {
        setState(TARGET_STATE, newValue, true);
        
        const presetName = PRESET_CONFIG[newValue] || "Unbekannt";
        log("WLED Preset gewechselt zu: " + newValue + " (" + presetName + ")");
    }
});

// Auf Änderungen am Target-State reagieren (Widget -> WLED)
on({id: TARGET_STATE, change: "any"}, function(obj) {
    const newValue = obj.state.val;
    
    if (newValue !== null && newValue !== undefined && !obj.state.ack) {
        setState(SOURCE_STATE, newValue, false);
        
        const presetName = PRESET_CONFIG[newValue] || "Unbekannt";
        log("Widget Preset-Auswahl: " + newValue + " (" + presetName + ") -> an WLED gesendet");
    }
});

// log("WLED Preset Script gestartet - " + Object.keys(PRESET_CONFIG).length + " Presets konfiguriert");

[MCU]

@skvarel Danke. Wie kann man denn in VIS2 das Popup aufrufen?
Welches Widget braucht man da?

[skvarel]

@MCU .. unser Universal-Widget

[MCU]

@skvarel Muss nochmal nachhaken.

Kann man irgendwo in dem Widget die Icongröße vorgeben oder muss man es mit CSS machen?