Automatic resize the dashboard depending on device

Dashboard
1

Hi there:)

I'm using a node red template wich contains a link to a grafana dashboard.
Whta i'm trying to reach is an automatic resizing of my dashboard, due to fit perfectly (or as goog as is possible) in mobile phones, PC Deskotps, ecc.

Suggestion?
Thanks!

2

Hi @calcioscacchi,

I use a template node to run script on device,

image

Ui control triggers when the device is used, which then prompts the template node which in turn sends the system type to the function node which i store for future use.

the template node contains:

<script>
(function(scope){
    scope.send({payload : navigator.platform});
    
}(scope));
</script>

I get for my mobile 'Linux aarch64' and my desktop 'Win32'
cheers daniel

3

Hi @greenembrace, thanks for help.
Does it work with any operating system an any browser?

May u send me the flow please? I'd like to study it.

4

Hi @calcioscacchi

[{"id":"e5f09c25.b30b08","type":"ui_ui_control","z":"271b5c94.da414c","name":"","events":"all","x":340,"y":1680,"wires":[["4d9cd3bc.37e2fc"]]},{"id":"4d9cd3bc.37e2fc","type":"ui_template","z":"271b5c94.da414c","group":"68f5a5a7.35d44c","name":"","order":4,"width":0,"height":0,"format":"<script>\n(function(scope){\n    scope.send({payload : navigator.platform});\n    \n}(scope));\n</script>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":true,"templateScope":"local","x":500,"y":1680,"wires":[["5413ce1e.5e4e5"]]},{"id":"5413ce1e.5e4e5","type":"function","z":"271b5c94.da414c","name":"Update System Type","func":"flow.set('deviceOS',msg.payload);\n","outputs":1,"noerr":0,"x":700,"y":1680,"wires":[[]]},{"id":"68f5a5a7.35d44c","type":"ui_group","z":"","name":"House","tab":"30f49ac8.da8876","order":2,"disp":false,"width":"13","collapse":false},{"id":"30f49ac8.da8876","type":"ui_tab","z":"","name":"House","icon":"dashboard","order":3,"disabled":false,"hidden":false}]

Generally it should give a unique response, example: " MacIntel ", " Win32 ", " FreeBSD i386 ", " WebTV OS "

see also: https://developer.mozilla.org/en-US/docs/Web/API/NavigatorID/platform
daniel

5

Thanks!

Tell me if I miss something.

This is my flow, including your nodes:

[{"id":"c0380a59.9be548","type":"tab","label":"Influx+grafana","disabled":false,"info":""},{"id":"7b286337.59538c","type":"rpi-sds011","z":"c0380a59.9be548","name":"SDS011","port":"/dev/ttyUSB0","x":380,"y":220,"wires":[["d6285d6e.582ff","3997e6c3.4a31fa","7180699f.a6e428","8fabfe85.66aa1","1d7d79bd.366016"],["750d2735.f0c968","62130dc0.768f84","a35e0158.887c2","ba50e578.e762a8","8b857681.4ea8d8"],[]]},{"id":"61192bec.9db0c4","type":"inject","z":"c0380a59.9be548","name":"setWorkingPeriod(5)","topic":"","payload":"{\"command\":\"setWorkingPeriod\",\"parameter\":5}","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":130,"y":320,"wires":[["7b286337.59538c"]]},{"id":"700d0ed5.0889","type":"inject","z":"c0380a59.9be548","name":"setWorkingPeriod(0)","topic":"","payload":"{\"command\":\"setWorkingPeriod\",\"parameter\":0}","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":130,"y":80,"wires":[["7b286337.59538c"]]},{"id":"e20c89e6.4f3c08","type":"inject","z":"c0380a59.9be548","name":"setWorkingPeriod(1)","topic":"","payload":"{\"command\":\"setWorkingPeriod\",\"parameter\":1}","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":130,"y":160,"wires":[["7b286337.59538c"]]},{"id":"efc132fb.9238b","type":"inject","z":"c0380a59.9be548","name":"setWorkingPeriod(30)","topic":"","payload":"{\"command\":\"setWorkingPeriod\",\"parameter\":30}","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":140,"y":360,"wires":[["7b286337.59538c"]]},{"id":"8efe7306.d89f1","type":"GSheet","z":"c0380a59.9be548","creds":"3f605873.9d9628","method":"append","action":"","sheet":"1eKW2jFxPA6id95J8znoPu8YcvJblHJ80-IaZjk-K0dc","cells":"Database!A2","name":"DataSheet","x":1530,"y":180,"wires":[[]]},{"id":"d6285d6e.582ff","type":"change","z":"c0380a59.9be548","name":"payload = time","rules":[{"t":"set","p":"payload","pt":"msg","to":"time","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":720,"y":180,"wires":[["8898b845.6af278","ca9b272a.448ea8","3bfcf24d.8c02ce","c33dee64.f1498"]]},{"id":"3997e6c3.4a31fa","type":"change","z":"c0380a59.9be548","name":"payload = 2.5","rules":[],"action":"","property":"","from":"","to":"","reg":false,"x":720,"y":220,"wires":[["fb5e3bf5.cfe248"]],"outputLabels":["msg.payload"]},{"id":"750d2735.f0c968","type":"change","z":"c0380a59.9be548","name":"payload = 10","rules":[],"action":"","property":"","from":"","to":"","reg":false,"x":710,"y":260,"wires":[["77a8a819.ceda98"]],"outputLabels":["msg.payload"]},{"id":"c8f22509.089328","type":"join","z":"c0380a59.9be548","name":"","mode":"auto","build":"array","property":"payload","propertyType":"msg","key":"payload","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"11","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"num","reduceFixup":"","x":1330,"y":340,"wires":[["d704247b.48c598","8efe7306.d89f1"]]},{"id":"62130dc0.768f84","type":"change","z":"c0380a59.9be548","name":"Luogo: Spilimbergo","rules":[{"t":"set","p":"payload","pt":"msg","to":"Spilimbergo","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":730,"y":300,"wires":[["78e343e8.b2497c"]]},{"id":"8898b845.6af278","type":"moment","z":"c0380a59.9be548","name":"DD/MM/YYYY HH:mm:ss","topic":"","input":"payload","inputType":"msg","inTz":"Europe/Rome","adjAmount":0,"adjType":"days","adjDir":"add","format":"DD/MM/YYYY HH:mm:ss","locale":"it_IT","output":"payload","outputType":"msg","outTz":"Europe/Rome","x":950,"y":20,"wires":[["27c00dfe.f370b2"]]},{"id":"d704247b.48c598","type":"debug","z":"c0380a59.9be548","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","x":1530,"y":280,"wires":[]},{"id":"ca9b272a.448ea8","type":"moment","z":"c0380a59.9be548","name":"NUMWEEK","topic":"","input":"payload","inputType":"msg","inTz":"Europe/Rome","adjAmount":0,"adjType":"days","adjDir":"add","format":"WW","locale":"it_IT","output":"payload","outputType":"msg","outTz":"Europe/Rome","x":910,"y":100,"wires":[["cdabfe9.2ae46"]]},{"id":"3bfcf24d.8c02ce","type":"moment","z":"c0380a59.9be548","name":"NUMMONTH","topic":"","input":"payload","inputType":"msg","inTz":"Europe/Rome","adjAmount":0,"adjType":"days","adjDir":"add","format":"MM","locale":"it_IT","output":"payload","outputType":"msg","outTz":"Europe/Rome","x":910,"y":140,"wires":[["9d1122a6.4f189"]]},{"id":"c33dee64.f1498","type":"moment","z":"c0380a59.9be548","name":"DD/MM/YYYY","topic":"","input":"payload","inputType":"msg","inTz":"Europe/Rome","adjAmount":0,"adjType":"days","adjDir":"add","format":"DD/MM/YYYY","locale":"it_IT","output":"payload","outputType":"msg","outTz":"Europe/Rome","x":920,"y":60,"wires":[["f8d26e63.66fcd"]]},{"id":"cdabfe9.2ae46","type":"string","z":"c0380a59.9be548","name":"","methods":[{"name":"toInteger","params":[]}],"prop":"payload","propout":"payload","object":"msg","objectout":"msg","x":1050,"y":100,"wires":[["81ee74be.7702a8"]]},{"id":"9d1122a6.4f189","type":"string","z":"c0380a59.9be548","name":"","methods":[{"name":"toInteger","params":[]}],"prop":"payload","propout":"payload","object":"msg","objectout":"msg","x":1050,"y":140,"wires":[["8055eff3.533d3"]]},{"id":"27c00dfe.f370b2","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"0","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1180,"y":20,"wires":[["c8f22509.089328"]]},{"id":"f8d26e63.66fcd","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"1","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1180,"y":60,"wires":[["c8f22509.089328"]]},{"id":"81ee74be.7702a8","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"2","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1200,"y":100,"wires":[["c8f22509.089328"]]},{"id":"8055eff3.533d3","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"3","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1200,"y":140,"wires":[["c8f22509.089328"]]},{"id":"fb5e3bf5.cfe248","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"4","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":220,"wires":[["c8f22509.089328"]]},{"id":"77a8a819.ceda98","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"5","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":260,"wires":[["c8f22509.089328"]]},{"id":"78e343e8.b2497c","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":300,"wires":[["c8f22509.089328"]]},{"id":"a35e0158.887c2","type":"change","z":"c0380a59.9be548","name":"Limite PM10 ITA","rules":[{"t":"set","p":"payload","pt":"msg","to":"50","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":720,"y":340,"wires":[["1d52058e.c1038a","48d18050.a5d6f"]]},{"id":"1d52058e.c1038a","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"7","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":340,"wires":[["c8f22509.089328"]]},{"id":"7180699f.a6e428","type":"change","z":"c0380a59.9be548","name":"Limite PM2.5 ITA","rules":[{"t":"set","p":"payload","pt":"msg","to":"25","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":730,"y":380,"wires":[["77805637.2c9848","779e4e44.ed9c7"]]},{"id":"77805637.2c9848","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"8","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":380,"wires":[["c8f22509.089328"]]},{"id":"ba50e578.e762a8","type":"change","z":"c0380a59.9be548","name":"Limite PM10 EMS","rules":[{"t":"set","p":"payload","pt":"msg","to":"20","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":730,"y":420,"wires":[["6b6c84bd.c39eac","13fc49f9.13dec6"]]},{"id":"8fabfe85.66aa1","type":"change","z":"c0380a59.9be548","name":"Limite PM2.5 EMS","rules":[{"t":"set","p":"payload","pt":"msg","to":"10","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":730,"y":460,"wires":[["d612a665.d54998","98719de5.8ccd4"]]},{"id":"6b6c84bd.c39eac","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"9","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":420,"wires":[["c8f22509.089328"]]},{"id":"d612a665.d54998","type":"change","z":"c0380a59.9be548","name":"","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"10","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"11","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1000,"y":460,"wires":[["c8f22509.089328"]]},{"id":"8b857681.4ea8d8","type":"change","z":"c0380a59.9be548","name":"topic PM10","rules":[{"t":"set","p":"topic","pt":"msg","to":"PM 10","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":390,"y":460,"wires":[["d92fb15.67fc75"]]},{"id":"48d18050.a5d6f","type":"change","z":"c0380a59.9be548","name":"topic Limite ITA PM10","rules":[{"t":"set","p":"topic","pt":"msg","to":"Limite ITA e OMS - PM10","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":420,"y":500,"wires":[["b8f38dc4.97f99"]]},{"id":"1d7d79bd.366016","type":"change","z":"c0380a59.9be548","name":"topic PM2.5","rules":[{"t":"set","p":"topic","pt":"msg","to":"PM 2.5","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":390,"y":420,"wires":[["c6557216.3c6e"]]},{"id":"779e4e44.ed9c7","type":"change","z":"c0380a59.9be548","name":"topic Limite ITA-OMS PM2.5","rules":[{"t":"set","p":"topic","pt":"msg","to":"Limite ITA e OMS - PM 2.5","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":440,"y":540,"wires":[["57492d39.c63a84"]]},{"id":"98719de5.8ccd4","type":"change","z":"c0380a59.9be548","name":"topic Limite EMS - PM2.5","rules":[{"t":"set","p":"topic","pt":"msg","to":"Limite EMS - PM2.5","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":330,"y":700,"wires":[["d2c4127b.2ac6d"]]},{"id":"13fc49f9.13dec6","type":"change","z":"c0380a59.9be548","name":"topic Limite EMS PM10","rules":[{"t":"set","p":"topic","pt":"msg","to":"Limite EMS - PM10","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":330,"y":660,"wires":[["cea1ff49.5e09b"]]},{"id":"2419c6ad.573d4a","type":"file","z":"c0380a59.9be548","name":"letture_sds011_andrea.csv","filename":"/home/pi/letture_sds011_andrea.csv","appendNewline":true,"createDir":true,"overwriteFile":"false","encoding":"none","x":1680,"y":420,"wires":[[]]},{"id":"2594290.2f1ced8","type":"csv","z":"c0380a59.9be548","name":"","sep":";","hdrin":true,"hdrout":"","multi":"one","ret":"\\n","temp":"Data_Ora;Data;Numero_Settimana;Numero_Mese;PM2.5 [𝜇g/m3];PM10 [𝜇g/m3];Luogo;Limite Italiano e OMS PM10 (media 24h,da non superare più di 35 volte per anno civile)[𝜇g/m3];Limite italiano e OMS PM 2.5 (media 24h)[𝜇g/m3];Limite EMS PM 10 [𝜇g/m3];Limite EMS PM 2.5 [𝜇g/m3]","skip":"0","strings":true,"x":1490,"y":420,"wires":[["2419c6ad.573d4a"]]},{"id":"73051e23.723c7","type":"comment","z":"c0380a59.9be548","name":"NODI PER INFLUXDB E GRAFANA","info":"","x":640,"y":800,"wires":[]},{"id":"c6557216.3c6e","type":"change","z":"c0380a59.9be548","name":"priorità1 - PM2.5","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"0","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":260,"y":940,"wires":[["76aa80d6.281d4"]]},{"id":"d92fb15.67fc75","type":"change","z":"c0380a59.9be548","name":"priorità2 - PM10","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"1","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":260,"y":980,"wires":[["76aa80d6.281d4"]]},{"id":"57492d39.c63a84","type":"change","z":"c0380a59.9be548","name":"priorità3 - Limite ITA/OMS PM2.5","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"2","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":320,"y":1020,"wires":[["76aa80d6.281d4"]]},{"id":"b8f38dc4.97f99","type":"change","z":"c0380a59.9be548","name":"priorità4 - Limite ITA/OMS PM10","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"3","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":310,"y":1060,"wires":[["76aa80d6.281d4"]]},{"id":"d2c4127b.2ac6d","type":"change","z":"c0380a59.9be548","name":"priorità5 - Limite EMS PM2.5","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"4","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":300,"y":1100,"wires":[["76aa80d6.281d4"]]},{"id":"cea1ff49.5e09b","type":"change","z":"c0380a59.9be548","name":"priorità6 - Limite EMS PM10","rules":[{"t":"set","p":"parts.index","pt":"msg","to":"5","tot":"num"},{"t":"set","p":"parts.count","pt":"msg","to":"6","tot":"num"},{"t":"set","p":"parts.id","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":300,"y":1140,"wires":[["76aa80d6.281d4"]]},{"id":"76aa80d6.281d4","type":"join","z":"c0380a59.9be548","name":"","mode":"custom","build":"object","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"num","reduceFixup":"","x":610,"y":940,"wires":[["1c8a7d28.c13373","f9ce6483.90bf98"]]},{"id":"f9ce6483.90bf98","type":"influxdb out","z":"c0380a59.9be548","influxdb":"e454607.a1c2fa","name":"","measurement":"misurazioni","precision":"","retentionPolicy":"","x":970,"y":1038,"wires":[]},{"id":"1c8a7d28.c13373","type":"debug","z":"c0380a59.9be548","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":760,"y":880,"wires":[]},{"id":"62e83d0f.f5c3d4","type":"ui_template","z":"c0380a59.9be548","group":"8658a1da.c9d29","name":"","order":1,"width":0,"height":0,"format":"<iframe src=\"http://ariaspilimbergo.ddns.net:1194/d/X0TkF9mgk/ariaspilimbergo_spilimbergo?orgId=2\" width=\"1800\" height=\"1500\" frameborder=\"0\"></iframe>\n","storeOutMessages":false,"fwdInMessages":false,"templateScope":"local","x":760,"y":920,"wires":[[]]},{"id":"77fdf013.c7203","type":"ui_ui_control","z":"c0380a59.9be548","name":"","events":"all","x":680,"y":1180,"wires":[["30e9424c.c8223e"]]},{"id":"30e9424c.c8223e","type":"ui_template","z":"c0380a59.9be548","group":"8658a1da.c9d29","name":"","order":2,"width":0,"height":0,"format":"<script>\n(function(scope){\n    scope.send({payload : navigator.platform});\n    \n}(scope));\n</script>","storeOutMessages":false,"fwdInMessages":false,"templateScope":"local","x":840,"y":1180,"wires":[["333ac4e9.296f9c"]]},{"id":"333ac4e9.296f9c","type":"function","z":"c0380a59.9be548","name":"Update System Type","func":"flow.set('deviceOS',msg.payload);\n","outputs":1,"noerr":0,"x":1040,"y":1180,"wires":[[]]},{"id":"3f605873.9d9628","type":"gauth","z":""},{"id":"e454607.a1c2fa","type":"influxdb","z":"","hostname":"127.0.0.1","port":"8086","protocol":"http","database":"ariaspilimbergo_spilimbergo","name":"","usetls":false,"tls":""},{"id":"8658a1da.c9d29","type":"ui_group","z":"","name":"Grafana","tab":"f8c489c.7399478","order":1,"disp":false,"width":"30","collapse":false},{"id":"f8c489c.7399478","type":"ui_tab","z":"","name":"Qualità Aria Spilimbergo","icon":"dashboard","order":3,"disabled":false,"hidden":false}]

But i can't see the graphs scaled on my mobile (try it: ariaspilimbergo.ddns.net:5900/ui)
Am I wrong somewhere?

6

Hi @calcioscacchi
I haven't done enough with different devices for graphics, there are other here who have greater experience.

7

I'lll be fine :slight_smile:
But do you agree with me that i follow the correct steps? (just import your nodes, i didn't attach them to nothing and i didn't change nothing in their configuration).

8

Hi
yes when changes are made to tab like refresh or change the ui-control fires and probes the page with the deviceOS being stored in a flow variable that you can use elsewhere in the flow to make adjustments.

9

I forget, of course i link your template node to the same ui-group of mine template.

Said this, If i understand..

The ui-control output will be the deviseOS, but i have to make some function that make adjustments?

10

Hi @calcioscacchi
I just noticed this popup it may interest you

11

Thankyou, i search for other discussion fo hours.
I'll try there.

Thanks for your help!

12

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.