As displaying node-RED dashboard on Cerbo is almost
impossible,
I tried to show Cerbo’s Remote Console on the dashboard using ui-template or ui-iframe nodes,
with iframe width=“840” height=“360” src=“http://venus.local”
While the code works nicely as separate HTML, on dashboard it shows empty frame.
I know, that Remote Console needs Canvas capability of the browser, but ui-template should be able to handle this. I tested everything, still got empty frame.
Any ideas? Thanks.
Well, needs to be https and exact IP, not venus.local. Then iframe node with 16x7 size works perfectly including Cerbo remote.
Hi can I ask did you manage in the end to get remote console to work in an iframe? and with whick node and what template or code?
Below is copy of the node UI Frame.
[
{
“id”: “620fe37a.a0eb1c”,
“type”: “ui_iframe”,
“z”: “24d9c637a0f56b4f”,
“group”: “8ac6b1fa4cad4fbf”,
“name”: “Cerbo (locally only)”,
“order”: 1,
“width”: “12”,
“height”: “6”,
“url”: “https://192.168.5.200/”,
“origin”: “*”,
“scale”: “100”,
“x”: 450,
“y”: 1500,
“wires”: [
]
},
{
“id”: “8ac6b1fa4cad4fbf”,
“type”: “ui_group”,
“name”: “Cerbo (locally only)”,
“tab”: “a402720de182cff2”,
“order”: 1,
“disp”: true,
“width”: “12”,
“collapse”: false,
“className”: “”
},
{
“id”: “a402720de182cff2”,
“type”: “ui_tab”,
“name”: “Cerbo”,
“icon”: “fa-truck”,
“order”: 5,
“disabled”: false,
“hidden”: false
}
]
are you using the UI Frame? UI iFrame? or ui template node?
I managed to use your script thank you, but it seems that it is not loading, even though I changed the address to my specific local address, did you need to do anything else?
I hope anything else needed. Keep on mind, this works only locally (i.e. when watched on venus.local:1881/ui), it does not work in VRM.
Ah I’ll try that thank you
I managed with this script,
[
{
“id”: “620fe37a.a0eb1c”,
“type”: “ui_iframe”,
“z”: “c7b2bce22d79455f”,
“group”: “8ac6b1fa4cad4fbf”,
“name”: “Cerbo (locally only)”,
“order”: 1,
“width”: “12”,
“height”: “6”,
“url”: “https://192.168.1.83”,
“origin”: “*”,
“scale”: “100”,
“x”: 230,
“y”: 120,
“wires”: [
]
},
{
“id”: “8ac6b1fa4cad4fbf”,
“type”: “ui_group”,
“name”: “Remote console (locally only)”,
“tab”: “a402720de182cff2”,
“order”: 1,
“disp”: false,
“width”: “12”,
“collapse”: false,
“className”: “”
},
{
“id”: “a402720de182cff2”,
“type”: “ui_tab”,
“name”: “Local Access”,
“icon”: “mi-desktop_windows”,
“order”: 2,
“disabled”: false,
“hidden”: false
}
]
I also changed the siz of widgets so it appears bigger look at the following screenshot
