Dashboard 2 buttons "grayed" out?

I'm using dashboard 2, and my widgets here are grayed out.


Is it somehow disabled? Because I can't click on them either.

My nodes is question is as follows:

[
    {
        "id": "374c6915867e1bf2",
        "type": "debug",
        "z": "e5b4562d25a44875",
        "name": "debug 5",
        "active": false,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "false",
        "statusVal": "",
        "statusType": "auto",
        "x": 480,
        "y": 620,
        "wires": []
    },
    {
        "id": "aca350c527d97653",
        "type": "function",
        "z": "e5b4562d25a44875",
        "name": "C11 - C20 PARSER",
        "func": "var msg_o = [msg, msg, msg, msg, msg, msg, msg, msg, msg, msg,];\nvar i;\n\nfor(i=0; i<10; i++){\n    msg_o[i] = {payload: msg.payload[i] }\n    \n}\n\nreturn msg_o;",
        "outputs": 10,
        "timeout": "",
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 490,
        "y": 720,
        "wires": [
            [
                "0bb0aecede48b87c"
            ],
            [],
            [],
            [],
            [],
            [],
            [],
            [],
            [],
            []
        ]
    },
    {
        "id": "0bb0aecede48b87c",
        "type": "switch",
        "z": "e5b4562d25a44875",
        "name": "",
        "property": "payload",
        "propertyType": "msg",
        "rules": [
            {
                "t": "true"
            },
            {
                "t": "false"
            }
        ],
        "checkall": "true",
        "repair": false,
        "outputs": 2,
        "x": 690,
        "y": 640,
        "wires": [
            [
                "206cf9242b3f93d9",
                "5f0e93afda20429a"
            ],
            [
                "922f50de44ae9cd4",
                "5f0e93afda20429a"
            ]
        ]
    },
    {
        "id": "13d30b884eca198c",
        "type": "comment",
        "z": "e5b4562d25a44875",
        "name": "C11-C20 PARSER",
        "info": "",
        "x": 250,
        "y": 680,
        "wires": []
    },
    {
        "id": "206cf9242b3f93d9",
        "type": "change",
        "z": "e5b4562d25a44875",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "RUNNING",
                "tot": "str"
            },
            {
                "t": "set",
                "p": "ui_update.Label",
                "pt": "msg",
                "to": "RUNNING",
                "tot": "str"
            },
            {
                "t": "set",
                "p": "ui_update.buttonColor",
                "pt": "msg",
                "to": "green",
                "tot": "str"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 900,
        "y": 660,
        "wires": [
            [
                "9f7dc170eb94bde1",
                "88abd2bf346a5b98"
            ]
        ]
    },
    {
        "id": "922f50de44ae9cd4",
        "type": "change",
        "z": "e5b4562d25a44875",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "STOPPED",
                "tot": "str"
            },
            {
                "t": "move",
                "p": "ui_update.Label",
                "pt": "msg",
                "to": "STOPPED",
                "tot": "msg"
            },
            {
                "t": "set",
                "p": "ui_update.buttonColor",
                "pt": "msg",
                "to": "red",
                "tot": "str"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 900,
        "y": 700,
        "wires": [
            [
                "9f7dc170eb94bde1",
                "88abd2bf346a5b98"
            ]
        ]
    },
    {
        "id": "2725af6a21b49966",
        "type": "modbus-response",
        "z": "e5b4562d25a44875",
        "name": "",
        "registerShowMax": 20,
        "x": 490,
        "y": 820,
        "wires": []
    },
    {
        "id": "bfe39022624af5b2",
        "type": "modbus-read",
        "z": "e5b4562d25a44875",
        "name": "PLC-READ",
        "topic": "PLC",
        "showStatusActivities": false,
        "logIOActivities": false,
        "showErrors": false,
        "showWarnings": true,
        "unitid": "1",
        "dataType": "Coil",
        "adr": "16394",
        "quantity": "10",
        "rate": "1",
        "rateUnit": "s",
        "delayOnStart": false,
        "startDelayTime": "",
        "server": "bf81420f.323c4",
        "useIOFile": false,
        "ioFile": "",
        "useIOForPayload": false,
        "emptyMsgOnFail": false,
        "x": 250,
        "y": 740,
        "wires": [
            [
                "374c6915867e1bf2",
                "aca350c527d97653"
            ],
            [
                "2725af6a21b49966"
            ]
        ]
    },
    {
        "id": "9f7dc170eb94bde1",
        "type": "ui-text",
        "z": "e5b4562d25a44875",
        "group": "36105cff195f13ab",
        "order": 20,
        "width": "3",
        "height": "1",
        "name": "",
        "label": "",
        "format": "{{msg.payload}}",
        "layout": "row-spread",
        "style": true,
        "font": "Arial Black,Arial Black,Gadget,sans-serif",
        "fontSize": 16,
        "color": "#000000",
        "wrapText": false,
        "className": "",
        "value": "payload",
        "valueType": "msg",
        "x": 1190,
        "y": 600,
        "wires": []
    },
    {
        "id": "5f0e93afda20429a",
        "type": "ui-led",
        "z": "e5b4562d25a44875",
        "name": "",
        "group": "36105cff195f13ab",
        "order": 19,
        "width": "1",
        "height": "1",
        "label": "",
        "labelPlacement": "left",
        "labelAlignment": "left",
        "states": [
            {
                "value": "false",
                "valueType": "bool",
                "color": "#ff0000"
            },
            {
                "value": "true",
                "valueType": "bool",
                "color": "#00ff00"
            }
        ],
        "allowColorForValueInMessage": false,
        "shape": "circle",
        "showBorder": true,
        "showGlow": true,
        "x": 910,
        "y": 560,
        "wires": []
    },
    {
        "id": "a7c4de105333eb1f",
        "type": "toggle",
        "z": "e5b4562d25a44875",
        "name": "",
        "onOffTopic": "",
        "onValue": "true",
        "onType": "bool",
        "offValue": "false",
        "offType": "bool",
        "toggleTopic": "",
        "toggleValue": "",
        "toggleType": "any",
        "passOnOff": "",
        "x": 1410,
        "y": 680,
        "wires": [
            [
                "fd3214ca3e33ce42"
            ]
        ]
    },
    {
        "id": "fd3214ca3e33ce42",
        "type": "switch",
        "z": "e5b4562d25a44875",
        "name": "",
        "property": "payload",
        "propertyType": "msg",
        "rules": [
            {
                "t": "true"
            },
            {
                "t": "false"
            }
        ],
        "checkall": "true",
        "repair": false,
        "outputs": 2,
        "x": 1550,
        "y": 680,
        "wires": [
            [
                "55b7c18094500a5c"
            ],
            [
                "67ad4d456311e66b"
            ]
        ]
    },
    {
        "id": "55b7c18094500a5c",
        "type": "change",
        "z": "e5b4562d25a44875",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "true",
                "tot": "bool"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 1760,
        "y": 640,
        "wires": [
            [
                "0eb7d6d1c4419a3c"
            ]
        ]
    },
    {
        "id": "67ad4d456311e66b",
        "type": "change",
        "z": "e5b4562d25a44875",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "false",
                "tot": "bool"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 1760,
        "y": 700,
        "wires": [
            [
                "0eb7d6d1c4419a3c"
            ]
        ]
    },
    {
        "id": "8121ac5e2a297db7",
        "type": "function",
        "z": "e5b4562d25a44875",
        "name": "C1 START/STOP TEST",
        "func": "msg.payload = \n{ value: msg.payload, \n'fc': 15, \n'unitid': 1, \n'address': 16384 , \n'quantity': 1 } \n\nreturn msg",
        "outputs": 1,
        "timeout": 0,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 1810,
        "y": 780,
        "wires": [
            [
                "4b51e079a74a380e",
                "d4458cdc6e08a872"
            ]
        ]
    },
    {
        "id": "0eb7d6d1c4419a3c",
        "type": "join",
        "z": "e5b4562d25a44875",
        "name": "",
        "mode": "custom",
        "build": "array",
        "property": "payload",
        "propertyType": "msg",
        "key": "topic",
        "joiner": "\\n",
        "joinerType": "str",
        "useparts": false,
        "accumulate": false,
        "timeout": "",
        "count": "1",
        "reduceRight": false,
        "reduceExp": "",
        "reduceInit": "",
        "reduceInitType": "",
        "reduceFixup": "",
        "x": 1950,
        "y": 660,
        "wires": [
            [
                "8121ac5e2a297db7"
            ]
        ]
    },
    {
        "id": "4defac75ebe2b438",
        "type": "comment",
        "z": "e5b4562d25a44875",
        "name": "START/STOP BUTTON",
        "info": "",
        "x": 1940,
        "y": 740,
        "wires": []
    },
    {
        "id": "81dd649060057fa3",
        "type": "comment",
        "z": "e5b4562d25a44875",
        "name": "C1 - START/STOP BUTTON",
        "info": "",
        "x": 1280,
        "y": 640,
        "wires": []
    },
    {
        "id": "a7f03de90f9eda55",
        "type": "modbus-response",
        "z": "e5b4562d25a44875",
        "name": "",
        "registerShowMax": 20,
        "x": 1790,
        "y": 840,
        "wires": []
    },
    {
        "id": "4b51e079a74a380e",
        "type": "modbus-flex-write",
        "z": "e5b4562d25a44875",
        "name": "",
        "showStatusActivities": false,
        "showErrors": false,
        "showWarnings": true,
        "server": "bf81420f.323c4",
        "emptyMsgOnFail": false,
        "keepMsgProperties": false,
        "delayOnStart": false,
        "startDelayTime": "",
        "x": 1550,
        "y": 840,
        "wires": [
            [
                "a7f03de90f9eda55"
            ],
            []
        ]
    },
    {
        "id": "f359ebd6cb06ea93",
        "type": "inject",
        "z": "e5b4562d25a44875",
        "name": "inject",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "true",
        "payloadType": "str",
        "x": 1250,
        "y": 780,
        "wires": [
            [
                "a7c4de105333eb1f"
            ]
        ]
    },
    {
        "id": "d4458cdc6e08a872",
        "type": "debug",
        "z": "e5b4562d25a44875",
        "name": "debug 4",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "false",
        "statusVal": "",
        "statusType": "auto",
        "x": 1900,
        "y": 940,
        "wires": []
    },
    {
        "id": "88abd2bf346a5b98",
        "type": "ui-button",
        "z": "e5b4562d25a44875",
        "group": "d48622d0705b8988",
        "name": "START STOP BUTTON",
        "label": "<font size = 20>{{msg.ui_update.Label}}",
        "order": 1,
        "width": "5",
        "height": "1",
        "emulateClick": false,
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "iconPosition": "left",
        "payload": "true",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "buttonColor": "msg.ui_update.buttonColor",
        "textColor": "",
        "iconColor": "",
        "enableClick": true,
        "enablePointerdown": false,
        "pointerdownPayload": "",
        "pointerdownPayloadType": "str",
        "enablePointerup": false,
        "pointerupPayload": "",
        "pointerupPayloadType": "str",
        "x": 1170,
        "y": 680,
        "wires": [
            [
                "a7c4de105333eb1f"
            ]
        ]
    },
    {
        "id": "bf81420f.323c4",
        "type": "modbus-client",
        "name": "PLC",
        "clienttype": "tcp",
        "bufferCommands": true,
        "stateLogEnabled": false,
        "queueLogEnabled": false,
        "failureLogEnabled": false,
        "tcpHost": "192.168.0.10",
        "tcpPort": "502",
        "tcpType": "DEFAULT",
        "serialPort": "/dev/ttyUSB",
        "serialType": "RTU-BUFFERD",
        "serialBaudrate": "9600",
        "serialDatabits": "8",
        "serialStopbits": "1",
        "serialParity": "none",
        "serialConnectionDelay": "100",
        "serialAsciiResponseStartDelimiter": "",
        "unit_id": 1,
        "commandDelay": 1,
        "clientTimeout": 1000,
        "reconnectOnTimeout": true,
        "reconnectTimeout": 2000,
        "parallelUnitIdsAllowed": true,
        "showErrors": false,
        "showWarnings": true,
        "showLogs": true
    },
    {
        "id": "36105cff195f13ab",
        "type": "ui-group",
        "name": "Group 3",
        "page": "8b20a6d5d1ae7cd3",
        "width": "4",
        "height": 1,
        "order": 6,
        "showTitle": true,
        "className": "",
        "visible": "true",
        "disabled": true,
        "groupType": "default"
    },
    {
        "id": "d48622d0705b8988",
        "type": "ui-group",
        "name": "START GROUP",
        "page": "8b20a6d5d1ae7cd3",
        "width": "6",
        "height": 1,
        "order": 1,
        "showTitle": true,
        "className": "",
        "visible": "true",
        "disabled": true,
        "groupType": "default"
    },
    {
        "id": "8b20a6d5d1ae7cd3",
        "type": "ui-page",
        "name": "Page 1",
        "ui": "ff48cd83ca1ae463",
        "path": "/page1",
        "icon": "home",
        "layout": "grid",
        "theme": "f7b447c2f12c78b5",
        "breakpoints": [
            {
                "name": "Default",
                "px": "0",
                "cols": "3"
            },
            {
                "name": "Tablet",
                "px": "576",
                "cols": "6"
            },
            {
                "name": "Small Desktop",
                "px": "800",
                "cols": "3"
            },
            {
                "name": "Desktop",
                "px": "1024",
                "cols": "12"
            },
            {
                "name": "",
                "px": "",
                "cols": ""
            }
        ],
        "order": 1,
        "className": "",
        "visible": true,
        "disabled": false
    },
    {
        "id": "ff48cd83ca1ae463",
        "type": "ui-base",
        "name": "My Dashboard",
        "path": "/dashboard",
        "appIcon": "",
        "includeClientData": true,
        "acceptsClientConfig": [
            "ui-notification",
            "ui-control"
        ],
        "showPathInSidebar": false,
        "headerContent": "page",
        "navigationStyle": "default",
        "titleBarStyle": "default",
        "showReconnectNotification": true,
        "notificationDisplayTime": 1,
        "showDisconnectNotification": true,
        "allowInstall": false
    },
    {
        "id": "f7b447c2f12c78b5",
        "type": "ui-theme",
        "name": "Default Theme",
        "colors": {
            "surface": "#ffffff",
            "primary": "#0094CE",
            "bgPage": "#eeeeee",
            "groupBg": "#ffffff",
            "groupOutline": "#cccccc"
        },
        "sizes": {
            "density": "default",
            "pagePadding": "12px",
            "groupGap": "12px",
            "groupBorderRadius": "4px",
            "widgetGap": "12px"
        }
    },
    {
        "id": "1a1a426f999ed8f9",
        "type": "global-config",
        "env": [],
        "modules": {
            "node-red-contrib-modbus": "5.45.2",
            "@flowfuse/node-red-dashboard": "1.29.0",
            "@flowfuse/node-red-dashboard-2-ui-led": "1.1.0",
            "node-red-contrib-toggle": "0.1.1"
        }
    }
]

I just noticed this


There's an error UI-spacer:spacer at the bottom.
I got to my layout, but I don't see anything about a UI-spacer. How do I find this?

Can you share the flow with your 3 buttons?

SOLVED!
so I had these "locked"

I thought they were to prevent modification/movement of the objects. Upon closer inspection, the mouseover reads DISABLE. I unlocked the icons and it's working now.

1 Like