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

New TEST release 1.7.4!

Every setting that has been made dynamic, has now an extra small “invert” button. When this button is clicked it shows an option to change the default value (this is the value when there is no data send to that topic when the dashboard was open):

It has also options to accept custom boolean values when boolean variables are made dynamic:

You can also invert incoming values by pressing the invert values button (this just populates False in the True edit box and True in the False edit box)

Fixed :+1:

Also @Amersfoort :
The new custom boolean setting eliminates the need for your flow chart. You can now set the text of a mainmenu item based on the selection of a submenu and even store this value without the need for any homey logic. It is even advisable to disable the “Selection Group ID” since this is now directly controlled with the button / menu item itself (although I did not notice problems during testing when this had an Selection Group ID):

Snippet:

{
  "snippetHeader": "Dashboard Studio Snippet",
  "snippetType": "widget-snippet",
  "snippetFormatVersion": 1,
  "version": "1.7.4",
  "source": {
    "dashboardName": "test-DynamicMenu",
    "page": 1,
    "createdAt": "2026-04-18T12:34:39.270Z"
  },
  "master": {
    "currentPage": 1
  },
  "widgets": {
    "menu_6962": {
      "type": "menu",
      "overrides": {
        "x": 300,
        "y": 360,
        "width": 260,
        "height": 300,
        "page": 1,
        "menuItems": [
          {
            "label": "Heating",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "AircoState",
            "onPayload": "Airco State: Heating!",
            "offPayload": "false",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Cooling",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "AircoState",
            "onPayload": "Airco State: Cooling!",
            "offPayload": "false",
            "pageTo": 1,
            "urlTo": "https://"
          },
          {
            "label": "Sleeping",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "AircoState",
            "onPayload": "Airco State: Sleeping!",
            "offPayload": "false",
            "pageTo": 1,
            "urlTo": "https://"
          }
        ],
        "menuStyle": "slide_right",
        "menuTriggerTopic": "local/ToggleAircoMenu",
        "menuStatusTopic": "local/AircoMenuState",
        "metaName": "New Menu",
        "item_0_state": true,
        "item_1_state": false,
        "item_2_state": false,
        "menuItemBind_0_state_bind_mapTrue": "Airco State: Heating!",
        "menuItemBind_1_state_bind_mapTrue": "Airco State: Cooling!",
        "menuItemBind_2_state_bind_mapTrue": "Airco State: Sleeping!"
      },
      "bindings": {
        "menuItems": [
          {
            "state": "AircoState"
          },
          {
            "state": "AircoState"
          },
          {
            "state": "AircoState"
          }
        ],
        "__trigger": "local/ToggleAircoMenu"
      }
    },
    "menu_9854": {
      "type": "menu",
      "overrides": {
        "x": 30,
        "y": 360,
        "width": 260,
        "height": 300,
        "page": 1,
        "menuItems": [
          {
            "label": "Airco State",
            "mode": "toggle",
            "actionType": "topic",
            "state": false,
            "selectionGroup": "",
            "sendOffOnGroupDeselect": false,
            "icons": {
              "on": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              },
              "off": {
                "source": "phosphor",
                "builtin": "",
                "filled": true,
                "customUrl": "",
                "tintImage": false
              }
            },
            "iconColorOverrides": {
              "on": {
                "enabled": false,
                "color": "@surfaceAlt"
              },
              "off": {
                "enabled": false,
                "color": "@text"
              }
            },
            "outputTopic": "local/ToggleAircoMenu",
            "onPayload": "true",
            "offPayload": "false",
            "pageTo": 1,
            "urlTo": "https://"
          }
        ],
        "metaName": "Airco State",
        "item_0_state": true
      },
      "bindings": {
        "menuItems": [
          {
            "state": "local/AircoMenuState",
            "label": "AircoState"
          }
        ]
      }
    }
  }
}