[APP][Pro] NEW: Dashboard Studio - A completely free-form dashboard designer

[Satoer]

@Christoph_Watermeier

Now my goal is for the small thermometer in the middle to change color. When the heating is on, it should be red. When the heating is off, it should be blue. But I can’t get that to work. Can you help me with this?

I received more of these requests. I think I am going add a few option to implement this native in the graph widget: An option to make the percentage bar color uniform. So not a gradient fill like it is now, but a flat color but based on the gradient and the current value. (so cold the whole bar is blue, hot the whole bar is red).
And an option to link this color to the icon.

Small tip: You should set “Gap” or translated “Lücke” to -25 with round gauges. In the new (test) version this is the default setting. I notice a lot of users miss this setting, It set’s the distance between the gauge and the text. (now there is a big “Lücke”)

[Satoer]

@Dick_Cornet

Adding the actual page to the event trigger has the benefit you can perform page dependant actions.

For example a button displayed on multiple pages can do actions for the page it is hit.

Thought about it and it is also a technical limitation. Dashboard Studio is based on MQTT and I really want to keep it completely compatible. With MQTT you generally just send one pure value per topic. It can’t send both a button value and a page in the exact same message. You would have to format it like JSON or something similar which honestly brings way more trouble than it is worth. Because of this Homey only knows which dashboard is sending the value but it has absolutely no idea what page it is on. So your best bet is to create a specific button for each page with its very own topic. Or you could put a topic in “Current Page Output Topic”, create a quick little flow and use that topic to keep track of the current page number right inside a Homey variable. That way you can just use the Homey variable to know exactly what page you are on the second a button is pressed.

[Dick_Cornet]

I think I understand. You can’t send an event with 2 values.

[Satoer]

New Test version 1.7.3

@Amersfoort

Now I have to define all kinds of flows for each capability/value combination. Flow below is handling just one capability:

Please let me know if I am overthinking it.

The button / switch / menu item “state” now can be controlled dynamically and they behave now as expected when configured as a radio group when they have the same “Selection Group ID”. Also I have implemented a timestamp to the cache system. It now replays the cache in the original order. So when multiple buttons or menu items are also dynamically controlled, the final state should be correct.

Basically this could simplify above graph massively if it did not need the translation.

[Amersfoort]

Thank you.

Some weird things happening with 2 drop down menus below:
auto copying menu names and settings from one submenu to the other. Please try this snippet in version 1.7.3 and change menu item names and Selection group ids of the 2 right dropdown menus.
Maybe it’s related to “Also I have implemented a timestamp to the cache system”.

{
  "snippetHeader": "Dashboard Studio Snippet",
  "snippetType": "widget-snippet",
  "snippetFormatVersion": 1,
  "version": "1.7.3",
  "source": {
    "dashboardName": "HomeDashV2",
    "page": 31,
    "createdAt": "2026-04-16T18:06:38.277Z"
  },
  "master": {
    "currentPage": 31
  },
  "widgets": {
    "menu_8142": {
      "type": "menu",
      "overrides": {
        "x": 1580,
        "y": 680,
        "width": 290,
        "height": 60,
        "zIndex": 31,
        "page": 31,
        "menuItems": [
          {
            "label": "Automatisch",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "aircoHuiskamerModus",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "ph-head-circuit",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "ph-head-circuit",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/thermostat_mode",
            "onPayload": "auto",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Koelen",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "aircoHuiskamerModus",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "ph-snowflake",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "ph-snowflake",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/thermostat_mode",
            "onPayload": "cooling",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Verwarmen",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "aircoHuiskamerModus",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "custom",
                "builtin": "ph-flame",
                "filled": false,
                "customUrl": "https://cdn.jsdelivr.net/npm/@mdi/svg@7.2.96/svg/heat-wave.svg",
                "tintImage": true
              },
              "off": {
                "source": "custom",
                "builtin": "ph-flame",
                "filled": false,
                "customUrl": "https://cdn.jsdelivr.net/npm/@mdi/svg@7.2.96/svg/heat-wave.svg",
                "tintImage": true
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/thermostat_mode",
            "onPayload": "heating",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Drogen",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "aircoHuiskamerModus",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "custom",
                "builtin": "ph-drop",
                "filled": false,
                "customUrl": "https://cdn.jsdelivr.net/npm/@mdi/svg@7.2.96/svg/water-remove-outline.svg",
                "tintImage": true
              },
              "off": {
                "source": "custom",
                "builtin": "ph-drop",
                "filled": false,
                "customUrl": "https://cdn.jsdelivr.net/npm/@mdi/svg@7.2.96/svg/water-remove-outline.svg",
                "tintImage": true
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/thermostat_mode",
            "onPayload": "dry",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Ventileren",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "aircoHuiskamerModus",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "ph-fan",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "ph-fan",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/thermostat_mode",
            "onPayload": "fanOnly",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          }
        ],
        "menuStyle": "dropdown",
        "menuTriggerTopic": "toonModus",
        "metaName": "Modus menu",
        "typography": {
          "menuItem": {
            "fontSize": 30,
            "color": "@background",
            "colorOff": "@surfaceHover"
          }
        },
        "iconSize": 40,
        "itemBgOn": "@background",
        "item_0_state": false,
        "itemBgOnOpacity": 10,
        "itemCornerRadius": 0,
        "itemSpacing": 4,
        "iconColOn": "@background",
        "iconColOff": "@surface",
        "padding": 0,
        "cornerRadius": 20,
        "bgVisible": true,
        "glowEnabled": true,
        "bgColStart": "@background",
        "bgColEnd": "rgb(51, 65, 85)",
        "bgOpacityStart": 0,
        "bgOpacityEnd": 0,
        "glowColor": "@surface",
        "glowOpacity": 60,
        "borderColor": "@surface",
        "borderWidth": 2,
        "item_1_state": false,
        "item_2_state": false,
        "item_3_state": false,
        "item_4_state": false,
        "bgAngle": 90,
        "glowRadius": 40
      },
      "bindings": {
        "menuItems": [
          {
            "state": "aircoHuiskamerAuto"
          },
          {
            "state": "aircoHuiskamerCooling"
          },
          {
            "state": "aircoHuiskamerHeating"
          },
          {
            "state": "aircoHuiskamerDry"
          },
          {
            "state": "aircoHuiskamerFanOnly"
          }
        ],
        "__trigger": "toonModus"
      }
    },
    "menu_4323589": {
      "type": "menu",
      "overrides": {
        "x": 1590,
        "y": 1030,
        "width": 290,
        "height": 60,
        "zIndex": 31,
        "page": 31,
        "menuItems": [
          {
            "label": "Automatisch",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "ph-head-circuit",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "ph-head-circuit",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/fan_mode.mode",
            "onPayload": "auto",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Stil",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "ph-snowflake",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "ph-snowflake",
                "filled": false,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/fan_mode.mode",
            "onPayload": "quiet",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Handmatig",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "custom",
                "builtin": "ph-flame",
                "filled": false,
                "customUrl": "https://cdn.jsdelivr.net/npm/@mdi/svg@7.2.96/svg/heat-wave.svg",
                "tintImage": true
              },
              "off": {
                "source": "custom",
                "builtin": "ph-flame",
                "filled": false,
                "customUrl": "https://cdn.jsdelivr.net/npm/@mdi/svg@7.2.96/svg/heat-wave.svg",
                "tintImage": true
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "huiskamer-airco/fan_mode.mode",
            "onPayload": "fixed",
            "offPayload": "",
            "pageTo": 1,
            "urlTo": "https://"
          }
        ],
        "menuStyle": "dropdown",
        "menuTriggerTopic": "toonVentilatorModus",
        "metaName": "Modus menu (Copy)",
        "typography": {
          "menuItem": {
            "fontSize": 30,
            "color": "@background",
            "colorOff": "@surfaceHover"
          }
        },
        "iconSize": 40,
        "itemBgOn": "@background",
        "item_0_state": false,
        "itemBgOnOpacity": 10,
        "itemCornerRadius": 0,
        "itemSpacing": 4,
        "iconColOn": "@background",
        "iconColOff": "@surface",
        "padding": 0,
        "cornerRadius": 20,
        "bgVisible": true,
        "glowEnabled": true,
        "bgColStart": "@background",
        "bgColEnd": "rgb(51, 65, 85)",
        "bgOpacityStart": 0,
        "bgOpacityEnd": 0,
        "glowColor": "@surface",
        "glowOpacity": 60,
        "borderColor": "@surface",
        "borderWidth": 2,
        "item_1_state": false,
        "item_2_state": false,
        "item_3_state": false,
        "item_4_state": false,
        "bgAngle": 90,
        "glowRadius": 40
      },
      "bindings": {
        "menuItems": [
          {
            "state": "aircoHuiskamerFanAuto"
          },
          {
            "state": "aircoHuiskamerFanQuiet"
          },
          {
            "state": "aircoHuiskamerFanFixed"
          }
        ],
        "__trigger": "toonVentilatorModus"
      }
    }
  },
  "groups": {
    "group_mo02cn4k_4bh": {
      "id": "group_mo02cn4k_4bh",
      "name": "Group Airco huiskamer settings 1",
      "locked": false,
      "visible": true,
      "bindings": {
        "overridePage": "local/toonGroepAircoHuiskamer"
      },
      "overridePage": "local/",
      "dimBackgroundWhenVisible": false,
      "widgets": {
        "image_211400044": {
          "type": "image",
          "overrides": {
            "x": 1040,
            "y": 560,
            "width": 330,
            "height": 15,
            "zIndex": 31,
            "page": "31",
            "sourceType": "svg",
            "svgRaw": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 330 15\" width=\"330\" height=\"15\">\n    <defs>\n        <linearGradient id=\"gradientTemperatuurAircoHuiskamer\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0\" stop-color=\"#00f\" />\n            <stop offset=\"1\" stop-color=\"#f00\" />\n        </linearGradient>\n    </defs>\n    <rect width=\"330\" height=\"15\" fill=\"url(#gradientTemperatuurAircoHuiskamer)\"/>\n</svg>",
            "metaName": "Airco huiskamer temperatuur",
            "cornerRadius": 10,
            "visible": true
          },
          "bindings": {}
        },
        "slider_211417588": {
          "type": "slider",
          "overrides": {
            "x": 1040,
            "y": 540,
            "width": 370,
            "height": 60,
            "zIndex": 32,
            "page": "31",
            "value": 21,
            "min": 14,
            "max": 26,
            "allowDecimals": true,
            "stepSize": 0.5,
            "vertical": false,
            "valOffX": 230,
            "valAlign": "right",
            "outputTopic": "huiskamer-airco/target_temperature",
            "trackOutlineWidth": 0,
            "colThumb": "#ffffff",
            "thumbShadow": true,
            "metaName": "Airco huiskamer temperatuur",
            "visible": true,
            "cornerRadius": 0,
            "borderWidth": 0,
            "valFs": 25,
            "valFam": "'Exo 2', sans-serif",
            "trackThickness": 0,
            "fillThickness": 0,
            "thumbSize": 30,
            "labelCol": "#ffffff",
            "labelFs": 30,
            "labelFont": "'Exo 2', sans-serif",
            "colTrack": "#424242",
            "glowEnabled": false,
            "bgVisible": false,
            "glowOpacity": 60,
            "padding": 0
          },
          "bindings": {
            "value": "huiskamer-airco/target_temperature"
          }
        },
        "menu_211424079": {
          "type": "menu",
          "overrides": {
            "x": 1040,
            "y": 630,
            "width": 400,
            "height": 440,
            "zIndex": 31,
            "page": 31,
            "menuItems": [
              {
                "label": "Modus",
                "mode": "toggle",
                "actionType": "topic",
                "state": false,
                "selectionGroup": "aircoHuiskamerInstellingen",
                "sendOffOnGroupDeselect": true,
                "icons": {
                  "on": {
                    "source": "phosphor",
                    "builtin": "ph-caret-right",
                    "filled": true,
                    "customUrl": "",
                    "tintImage": false
                  },
                  "off": {
                    "source": "phosphor",
                    "builtin": "ph-caret-left",
                    "filled": true,
                    "customUrl": "",
                    "tintImage": false
                  }
                },
                "iconColorOverrides": {
                  "on": {
                    "enabled": false,
                    "color": "@surfaceAlt"
                  },
                  "off": {
                    "enabled": false,
                    "color": "@text"
                  }
                },
                "outputTopic": "toonModus",
                "onPayload": "true",
                "offPayload": "false",
                "pageTo": 1,
                "urlTo": "https://"
              },
              {
                "label": "Ventilator modus",
                "mode": "toggle",
                "actionType": "topic",
                "state": false,
                "selectionGroup": "aircoHuiskamerInstellingen",
                "sendOffOnGroupDeselect": true,
                "icons": {
                  "on": {
                    "source": "phosphor",
                    "builtin": "ph-caret-right",
                    "filled": true,
                    "customUrl": "",
                    "tintImage": false
                  },
                  "off": {
                    "source": "phosphor",
                    "builtin": "ph-caret-left",
                    "filled": true,
                    "customUrl": "",
                    "tintImage": false
                  }
                },
                "iconColorOverrides": {
                  "on": {
                    "enabled": false,
                    "color": "@surfaceAlt"
                  },
                  "off": {
                    "enabled": false,
                    "color": "@text"
                  }
                },
                "outputTopic": "toonVentilatorModus",
                "onPayload": "true",
                "offPayload": "false",
                "pageTo": 1,
                "urlTo": "https://"
              }
            ],
            "menuIconLoc": "right",
            "metaName": "New Menu",
            "typography": {
              "menuItem": {
                "color": "@background",
                "colorOff": "@text",
                "fontSize": 30,
                "fontFamily": "'Exo 2', sans-serif",
                "bold": false,
                "textAlign": "left"
              }
            },
            "cornerRadius": 10,
            "borderWidth": 0,
            "itemSpacing": 27,
            "itemBgOn": "@warning",
            "itemBgOnOpacity": 10,
            "item_0_state": true,
            "iconColOn": "@warning",
            "iconSize": 40,
            "item_1_state": false,
            "item_2_state": false,
            "item_3_state": false,
            "item_4_state": false,
            "item_5_state": false,
            "itemCornerRadius": 8,
            "iconColOff": "@surfaceAlt"
          },
          "bindings": {
            "menuItems": [
              {
                "label": "aircoHuiskamerModus"
              },
              {
                "label": "aircoHuiskamerFanModus"
              }
            ]
          }
        },
        "slider_211440180": {
          "type": "slider",
          "overrides": {
            "x": 1040,
            "y": 815,
            "width": 380,
            "height": 50,
            "zIndex": 31,
            "page": "31",
            "value": 1,
            "min": 1,
            "max": 5,
            "stepSize": 1,
            "valOffX": 190,
            "outputTopic": "huiskamer-airco/fan_mode.speed",
            "colThumb": "#ffffff",
            "metaName": "Airco huiskamer ventilator snelheid",
            "labelFs": 30,
            "labelFont": "'Exo 2', sans-serif",
            "borderWidth": 0,
            "labelCol": "#ffffff",
            "colTrack": "@iconMuted",
            "valFs": 25,
            "cornerRadius": 10,
            "trackThickness": 15,
            "thumbSize": 30,
            "fillThickness": 20,
            "visible": true,
            "colFill": "#0066ff"
          },
          "bindings": {
            "value": "huiskamer-airco/fan_mode.speed"
          }
        },
        "switch_211452612": {
          "type": "switch",
          "overrides": {
            "x": 1040,
            "y": 910,
            "width": 70,
            "height": 30,
            "zIndex": 31,
            "page": "31",
            "state": true,
            "buttonLabel": "",
            "outputTopic": "huiskamer-airco/fan_mode.powerful",
            "onPayload": "on",
            "offPayload": "off",
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "#ffffff"
              },
              "off": {
                "enabled": false,
                "color": "#94a3b8"
              }
            },
            "metaName": "Arico huiskamer krachtig blazen",
            "visible": true,
            "labelPos": "top",
            "typography": {
              "buttonLabelOutside": {
                "fontFamily": "'Exo 2', sans-serif",
                "textTransform": "none",
                "offsetX": 0,
                "fontSize": 30,
                "color": "#ffffff",
                "colorOff": "#ffffff",
                "offsetY": 0
              },
              "groupLabel": {
                "offsetX": 0,
                "offsetY": 0,
                "textAlign": "right",
                "fontSize": 30,
                "color": "#ffffff"
              }
            },
            "style": "switch",
            "contentAlign": "center",
            "btnRadius": 5,
            "buttonContentInset": 5,
            "scale": 1.2,
            "colOff": "#878787",
            "colThumb": "#ffffff",
            "colOn": "#0066ff",
            "cornerRadius": 10,
            "borderWidth": 0,
            "iconSize": 24,
            "bevel": true
          },
          "bindings": {
            "state": "huiskamer-airco/fan_mode.powerful"
          }
        },
        "switch_211465411": {
          "type": "switch",
          "overrides": {
            "x": 1040,
            "y": 1010,
            "width": 70,
            "height": 30,
            "zIndex": 31,
            "page": "31",
            "buttonLabel": "",
            "outputTopic": "huiskamer-airco/swing_mode.horizontal",
            "onPayload": "swing",
            "offPayload": "stop",
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "#ffffff"
              },
              "off": {
                "enabled": false,
                "color": "#94a3b8"
              }
            },
            "metaName": "Arico huiskamer horizontale swing",
            "visible": true,
            "labelPos": "top",
            "typography": {
              "buttonLabelOutside": {
                "fontFamily": "'Exo 2', sans-serif",
                "textTransform": "none",
                "offsetX": 0,
                "fontSize": 30,
                "color": "#ffffff",
                "colorOff": "#ffffff",
                "offsetY": 0
              },
              "groupLabel": {
                "offsetX": 0,
                "offsetY": 0,
                "textAlign": "right",
                "fontSize": 30,
                "color": "#ffffff",
                "fontFamily": "'Exo 2', sans-serif"
              }
            },
            "style": "switch",
            "contentAlign": "center",
            "btnRadius": 5,
            "buttonContentInset": 5,
            "scale": 1.2,
            "colOff": "#878787",
            "colThumb": "#ffffff",
            "colOn": "#0066ff"
          },
          "bindings": {
            "state": "huiskamer-airco/swing_mode.horizontal"
          }
        },
        "switch_211482243": {
          "type": "switch",
          "overrides": {
            "x": 1040,
            "y": 1095,
            "width": 70,
            "height": 30,
            "zIndex": 31,
            "page": "31",
            "buttonLabel": "",
            "outputTopic": "huiskamer-airco/swing_mode.vertical",
            "onPayload": "swing",
            "offPayload": "stop",
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "#ffffff"
              },
              "off": {
                "enabled": false,
                "color": "#94a3b8"
              }
            },
            "metaName": "Arico huiskamer verticale swing",
            "visible": true,
            "labelPos": "top",
            "typography": {
              "buttonLabelOutside": {
                "fontFamily": "'Exo 2', sans-serif",
                "textTransform": "none",
                "offsetX": 0,
                "fontSize": 30,
                "color": "#ffffff",
                "colorOff": "#ffffff",
                "offsetY": 0
              },
              "groupLabel": {
                "offsetX": 0,
                "offsetY": 0,
                "textAlign": "right",
                "fontSize": 30,
                "color": "#ffffff",
                "fontFamily": "'Exo 2', sans-serif"
              }
            },
            "style": "switch",
            "contentAlign": "center",
            "btnRadius": 5,
            "buttonContentInset": 5,
            "scale": 1.2,
            "colOff": "#878787",
            "colThumb": "#ffffff",
            "colOn": "#0066ff"
          },
          "bindings": {
            "state": "huiskamer-airco/swing_mode.vertical"
          }
        },
        "icon_211496921": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 1080,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-arrows-vertical",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "iconFilled": false,
            "size": 60
          },
          "bindings": {}
        },
        "icon_211509355": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 990,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-arrows-horizontal",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "iconFilled": false,
            "size": 60
          },
          "bindings": {}
        },
        "icon_211514822": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 900,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-wind",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "iconFilled": false,
            "size": 60
          },
          "bindings": {}
        },
        "icon_211523842": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 810,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-fan",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "iconFilled": false,
            "size": 60
          },
          "bindings": {}
        },
        "icon_211524136": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 720,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-gear",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "iconFilled": false,
            "size": 60
          },
          "bindings": {}
        },
        "icon_211538750": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 630,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-faders",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "iconFilled": false,
            "size": 60
          },
          "bindings": {}
        },
        "icon_211547581": {
          "type": "icon",
          "overrides": {
            "x": 940,
            "y": 543,
            "width": 60,
            "height": 60,
            "zIndex": 31,
            "page": 31,
            "icon": "ph-thermometer-simple",
            "metaName": "New Icon",
            "colInactive": "@surface",
            "colActive": "@surface",
            "cornerRadius": 0,
            "size": 60,
            "iconFilled": false,
            "bgColStart": "rgb(148, 163, 184)"
          },
          "bindings": {}
        },
        "empty_211552015": {
          "type": "empty",
          "overrides": {
            "x": 920,
            "y": 490,
            "width": 530,
            "height": 690,
            "zIndex": 30,
            "page": 31,
            "label": "Airco huiskamer instellingen",
            "labelAlign": "center",
            "metaName": "New Container",
            "bgVisible": true,
            "bgColStart": "rgb(82, 151, 255)",
            "bgColEnd": "#0A3575",
            "bgAngle": 135,
            "glowEnabled": true,
            "glowOpacity": 60,
            "labelCol": "@surfaceAlt",
            "labelFs": 20,
            "labelFont": "'Exo 2', sans-serif",
            "bgOpacityStart": 0,
            "bgOpacityEnd": 0,
            "borderColor": "@surface",
            "glowColor": "@surface",
            "cornerRadius": 20,
            "labelCase": "uppercase",
            "borderWidth": 2,
            "glowRadius": 40
          },
          "bindings": {}
        }
      }
    }
  },
  "selectionGroups": {
    "aircoHuiskamerModus": {
      "allowEmptySelection": false
    },
    "aircoHuiskamerInstellingen": {
      "allowEmptySelection": true
    }
  }
}