Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[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?

[skvarel]

Warum ein Icon über eine URL eingebunden?

Normalerweise geht es über diese Einstellungen. Ob es auch bei einer URL geht, glaube ich nicht.

[skvarel]

Wenn du meine Icons nimmst, geht es auf jeden Fall. Farblich anpassen kannst du meine Icons natürlich auch.

[MCU]

@skvarel Das ist so mächtig (so viele Einstellungsmöglichkeiten), da muss ich mich einarbeiten.

Wie kann man dies abbilden?

Kann man In 2 Tagen berechnen lassen, anhand des Datums im DP und des aktuellen Datums? Mit einer function oder muss man es selber im alias berechnen.

[skvarel]

JA, das lässt sich abbilden. Habe ich auch. Ich hole mir die Daten aus dem Trash-Adapter

[Reese1]

@skvarel
welche Datenpunkte hast du für dass rgb widget von wled verwendet? bzw was wird hier eingetragen