Here is my version copied from manage pallette:
@flowfuse/node-red-dashboard
1.18.1
I have restarted node-red
Here is the flow. The only change I made was to separate out debug nodes.
[
{
"id": "0aa38a714b8a3d67",
"type": "ui-form",
"z": "658cb1f74f5d29c3",
"name": "",
"group": "c7871ac53089d535",
"label": "New User",
"order": 1,
"width": 0,
"height": 0,
"options": [
{
"label": "Name",
"key": "name",
"type": "text",
"required": true,
"rows": null
},
{
"label": "Admin",
"key": "isAdmin",
"type": "switch",
"required": false,
"rows": null
}
],
"formValue": {
"name": "",
"isAdmin": false
},
"payload": "",
"submit": "Add",
"cancel": "clear",
"resetOnSubmit": true,
"topic": "topic",
"topicType": "msg",
"splitLayout": "",
"className": "",
"passthru": false,
"dropdownOptions": [],
"x": 380,
"y": 1680,
"wires": [
[
"adbd76ecf97076a1",
"a33797214b78bc95"
]
]
},
{
"id": "fa4925a5253341ce",
"type": "ui-control",
"z": "658cb1f74f5d29c3",
"name": "",
"ui": "1edd78a8f0f37b00",
"events": "all",
"x": 740,
"y": 1680,
"wires": [
[]
]
},
{
"id": "adbd76ecf97076a1",
"type": "change",
"z": "658cb1f74f5d29c3",
"name": "Hide Dialog",
"rules": [
{
"t": "set",
"p": "payload",
"pt": "msg",
"to": "{\"groups\":{\"hide\":[\"Active Development:Dialog Group\"]}}",
"tot": "json"
}
],
"action": "",
"property": "",
"from": "",
"to": "",
"reg": false,
"x": 550,
"y": 1680,
"wires": [
[
"fa4925a5253341ce",
"b9d77a856b1be020"
]
]
},
{
"id": "294ac777d99f5789",
"type": "ui-button",
"z": "658cb1f74f5d29c3",
"group": "497106faf38a5190",
"name": "",
"label": "Add User (Dialog)",
"order": 1,
"width": 0,
"height": 0,
"emulateClick": false,
"tooltip": "",
"color": "",
"bgcolor": "",
"className": "",
"icon": "",
"iconPosition": "left",
"payload": "{\"groups\":{\"show\":[\"Active Development:Dialog Group\"]}}",
"payloadType": "json",
"topic": "topic",
"topicType": "msg",
"buttonColor": "",
"textColor": "",
"iconColor": "",
"x": 530,
"y": 1720,
"wires": [
[
"fa4925a5253341ce",
"ae79a6068eb82351"
]
]
},
{
"id": "b9d77a856b1be020",
"type": "debug",
"z": "658cb1f74f5d29c3",
"name": "debug 2572",
"active": true,
"tosidebar": true,
"console": false,
"tostatus": false,
"complete": "true",
"targetType": "full",
"statusVal": "",
"statusType": "auto",
"x": 770,
"y": 1720,
"wires": []
},
{
"id": "a33797214b78bc95",
"type": "debug",
"z": "658cb1f74f5d29c3",
"name": "debug 2573",
"active": true,
"tosidebar": true,
"console": false,
"tostatus": false,
"complete": "true",
"targetType": "full",
"statusVal": "",
"statusType": "auto",
"x": 530,
"y": 1620,
"wires": []
},
{
"id": "ae79a6068eb82351",
"type": "debug",
"z": "658cb1f74f5d29c3",
"name": "debug 2574",
"active": true,
"tosidebar": true,
"console": false,
"tostatus": false,
"complete": "true",
"targetType": "full",
"statusVal": "",
"statusType": "auto",
"x": 770,
"y": 1780,
"wires": []
},
{
"id": "c7871ac53089d535",
"type": "ui-group",
"name": "Dialog Group",
"page": "22b5519aa675ad88",
"width": "6",
"height": "1",
"order": 1,
"showTitle": true,
"className": "",
"visible": "true",
"disabled": "false",
"groupType": "dialog"
},
{
"id": "1edd78a8f0f37b00",
"type": "ui-base",
"name": "My Dashboard",
"path": "/dashboard",
"includeClientData": true,
"acceptsClientConfig": [
"ui-notification",
"ui-control"
],
"showPathInSidebar": false,
"showPageTitle": true,
"navigationStyle": "default",
"titleBarStyle": "default"
},
{
"id": "497106faf38a5190",
"type": "ui-group",
"name": "Button Groups",
"page": "22b5519aa675ad88",
"width": "6",
"height": "1",
"order": 10,
"showTitle": true,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "22b5519aa675ad88",
"type": "ui-page",
"name": "Active Development",
"ui": "1edd78a8f0f37b00",
"path": "/active-development",
"icon": "forum",
"layout": "grid",
"theme": "129e99574def90a3",
"order": 1,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "129e99574def90a3",
"type": "ui-theme",
"name": "Custom Theme",
"colors": {
"surface": "#000000",
"primary": "#ff4000",
"bgPage": "#f0f0f0",
"groupBg": "#ffffff",
"groupOutline": "#d9d9d9"
},
"sizes": {
"pagePadding": "24px",
"groupGap": "12px",
"groupBorderRadius": "9px",
"widgetGap": "6px",
"density": "default"
}
}
]
Here is what is emitted from the add user dialog:
{"groups":{"show":["Active Development:Dialog Group"]}}
