Unable to use - node-red-dashboard-2-ui-flowviewer

Dashboard
1

Hi - I see a new node released

I have successfully managed to install it.

I took one of my existing flows.json and sent it via. msg.ui_update.flow
I took one of the flows into a json and sent it via. msg.ui_update.flow
I tried put them into these into the nodes - input.

None of the options work.

The dashboard simply doesnt show the flow.

2

Works fine for me.

chrome_XtFzUNKHvj

1 Like
3

Can you post a simple flow that exhibits the problem? Put a short flow in an Inject node, or setup the flow in a function node if that is easier for you, and export that with the flowviewer node and paste here. Then we can try it for ourselves.

4

Please find details

Snapshot of flow

image
image762Ă—161 5.38 KB

Snapshot of inject node

image
image1116Ă—380 13.1 KB

Snapshof what is being injected.

image
image883Ă—736 28.9 KB

Flow itself

[
    {
        "id": "4215629d9434a8d0",
        "type": "ui-flowviewer",
        "z": "8c51c2e3b8be9323",
        "name": "Flow Viewer",
        "group": "f7474bf3bc523d1c",
        "order": 1,
        "width": "17",
        "flow": "[     {         \"id\": \"442b5c2b006f3093\",         \"type\": \"tab\",         \"label\": \"Test flow\",         \"disabled\": false,         \"info\": \"\",         \"env\": []     },     {         \"id\": \"a4083f2cf9cbb97e\",         \"type\": \"inject\",         \"z\": \"442b5c2b006f3093\",         \"name\": \"\",         \"props\": [             {                 \"p\": \"payload\"             },             {                 \"p\": \"topic\",                 \"vt\": \"str\"             }         ],         \"repeat\": \"\",         \"crontab\": \"\",         \"once\": false,         \"onceDelay\": 0.1,         \"topic\": \"\",         \"payload\": \"\",         \"payloadType\": \"date\",         \"x\": 320,         \"y\": 160,         \"wires\": [             [                 \"9d436e020a6768f9\"             ]         ]     },     {         \"id\": \"9d436e020a6768f9\",         \"type\": \"function\",         \"z\": \"442b5c2b006f3093\",         \"name\": \"function 2\",         \"func\": \"\\nreturn msg;\",         \"outputs\": 1,         \"timeout\": 0,         \"noerr\": 0,         \"initialize\": \"\",         \"finalize\": \"\",         \"libs\": [],         \"x\": 580,         \"y\": 160,         \"wires\": [             []         ]     } ]",
        "height": "10",
        "x": 870,
        "y": 980,
        "wires": []
    },
    {
        "id": "53aba9752d327728",
        "type": "inject",
        "z": "8c51c2e3b8be9323",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "ui_update.flow",
                "v": "[     {         \"id\": \"442b5c2b006f3093\",         \"type\": \"tab\",         \"label\": \"Test flow\",         \"disabled\": false,         \"info\": \"\",         \"env\": []     },     {         \"id\": \"a4083f2cf9cbb97e\",         \"type\": \"inject\",         \"z\": \"442b5c2b006f3093\",         \"name\": \"\",         \"props\": [             {                 \"p\": \"payload\"             },             {                 \"p\": \"topic\",                 \"vt\": \"str\"             }         ],         \"repeat\": \"\",         \"crontab\": \"\",         \"once\": false,         \"onceDelay\": 0.1,         \"topic\": \"\",         \"payload\": \"\",         \"payloadType\": \"date\",         \"x\": 320,         \"y\": 160,         \"wires\": [             [                 \"9d436e020a6768f9\"             ]         ]     },     {         \"id\": \"9d436e020a6768f9\",         \"type\": \"function\",         \"z\": \"442b5c2b006f3093\",         \"name\": \"function 2\",         \"func\": \"\\nreturn msg;\",         \"outputs\": 1,         \"timeout\": 0,         \"noerr\": 0,         \"initialize\": \"\",         \"finalize\": \"\",         \"libs\": [],         \"x\": 580,         \"y\": 160,         \"wires\": [             []         ]     } ]",
                "vt": "json"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 480,
        "y": 980,
        "wires": [
            [
                "4215629d9434a8d0"
            ]
        ]
    },
    {
        "id": "f7474bf3bc523d1c",
        "type": "ui-group",
        "name": "FlowVIewer",
        "page": "d27c4567dd9e63ea",
        "width": "18",
        "height": 1,
        "order": 1,
        "showTitle": true,
        "className": "",
        "visible": "true",
        "disabled": "false",
        "groupType": "default"
    },
    {
        "id": "d27c4567dd9e63ea",
        "type": "ui-page",
        "name": "Page New",
        "ui": "063c07e4a60e9f2f",
        "path": "/pageN",
        "icon": "home",
        "layout": "grid",
        "theme": "332c726ffc8c1d43",
        "breakpoints": [
            {
                "name": "Default",
                "px": "0",
                "cols": "3"
            },
            {
                "name": "Tablet",
                "px": "576",
                "cols": "6"
            },
            {
                "name": "Small Desktop",
                "px": "768",
                "cols": "9"
            },
            {
                "name": "Desktop",
                "px": "1024",
                "cols": "12"
            }
        ],
        "order": 1,
        "className": "",
        "visible": "true",
        "disabled": "false"
    },
    {
        "id": "063c07e4a60e9f2f",
        "type": "ui-base",
        "name": "recon",
        "path": "/dashboard",
        "includeClientData": true,
        "acceptsClientConfig": [
            "ui-notification",
            "ui-control"
        ],
        "showPathInSidebar": false,
        "headerContent": "page",
        "titleBarStyle": "default",
        "notificationDisplayTime": 5
    },
    {
        "id": "332c726ffc8c1d43",
        "type": "ui-theme",
        "name": "VMTheme",
        "colors": {
            "surface": "#111111",
            "primary": "#cc1c82",
            "bgPage": "#111111",
            "groupBg": "#eeeeee",
            "groupOutline": "#555555"
        },
        "sizes": {
            "pagePadding": "12px",
            "groupGap": "6px",
            "groupBorderRadius": "4px",
            "widgetGap": "6px"
        }
    }
]