# Automatic resize the dashboard depending on device

**URL:** <https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573>\
**Category:** Dashboard\
**Created:** [26 April 2020 22:55 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573 "2020-04-26T22:55:46Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![calcioscacchi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/calcioscacchi/32/16898_2.png) [@calcioscacchi](https://discourse.nodered.org/u/calcioscacchi)\
**Post date:** [26 April 2020 22:55 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/1 "2020-04-26T22:55:46Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![greenembrace](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/greenembrace/32/42414_2.png) [@greenembrace](https://discourse.nodered.org/u/greenembrace)\
**Post date:** [26 April 2020 23:29 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/2 "2020-04-26T23:29:36Z")

</div>

Hi @calcioscacchi,

I use a template node to run script on device,

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e5ff9a0c6ecb2c5e4549627287c3dc6f0575801e.png)

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:

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

```

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

---

<div class="post-metadata">

**Author:** ![calcioscacchi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/calcioscacchi/32/16898_2.png) [@calcioscacchi](https://discourse.nodered.org/u/calcioscacchi)\
**Post date:** [26 April 2020 23:59 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/3 "2020-04-26T23:59:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![greenembrace](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/greenembrace/32/42414_2.png) [@greenembrace](https://discourse.nodered.org/u/greenembrace)\
**Post date:** [27 April 2020 00:05 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/4 "2020-04-27T00:05:24Z")

</div>

Hi @calcioscacchi

```auto
[{"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](https://developer.mozilla.org/en-US/docs/Web/API/NavigatorID/platform)  
daniel

---

<div class="post-metadata">

**Author:** ![calcioscacchi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/calcioscacchi/32/16898_2.png) [@calcioscacchi](https://discourse.nodered.org/u/calcioscacchi)\
**Post date:** [27 April 2020 22:36 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/5 "2020-04-27T22:36:58Z")

</div>

Thanks!

Tell me if I miss something.

This is my flow, including your nodes:

```auto
[{"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](http://ariaspilimbergo.ddns.net:5900/ui))  
Am I wrong somewhere?

---

<div class="post-metadata">

**Author:** ![greenembrace](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/greenembrace/32/42414_2.png) [@greenembrace](https://discourse.nodered.org/u/greenembrace)\
**Post date:** [27 April 2020 22:50 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/6 "2020-04-27T22:50:58Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![calcioscacchi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/calcioscacchi/32/16898_2.png) [@calcioscacchi](https://discourse.nodered.org/u/calcioscacchi)\
**Post date:** [27 April 2020 22:55 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/7 "2020-04-27T22:55:43Z")

</div>

> [@greenembrace](#):
>
> ```auto
> [{"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}]
> 
> ```

I'lll be fine 🙂  
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).

---

<div class="post-metadata">

**Author:** ![greenembrace](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/greenembrace/32/42414_2.png) [@greenembrace](https://discourse.nodered.org/u/greenembrace)\
**Post date:** [27 April 2020 22:59 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/8 "2020-04-27T22:59:43Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![calcioscacchi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/calcioscacchi/32/16898_2.png) [@calcioscacchi](https://discourse.nodered.org/u/calcioscacchi)\
**Post date:** [27 April 2020 23:26 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/9 "2020-04-27T23:26:37Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![greenembrace](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/greenembrace/32/42414_2.png) [@greenembrace](https://discourse.nodered.org/u/greenembrace)\
**Post date:** [28 April 2020 03:42 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/10 "2020-04-28T03:42:07Z")

</div>

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

> [@Responsive Dashboard](https://discourse.nodered.org/t/responsive-dashboard/25638):
>
> Hello guys, I'm making a panel to show my data .. how can this be responsive on the phone or tablet?

---

<div class="post-metadata">

**Author:** ![calcioscacchi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/calcioscacchi/32/16898_2.png) [@calcioscacchi](https://discourse.nodered.org/u/calcioscacchi)\
**Post date:** [28 April 2020 09:55 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/11 "2020-04-28T09:55:17Z")

</div>

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

Thanks for your help!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [28 May 2020 09:55 UTC](https://discourse.nodered.org/t/automatic-resize-the-dashboard-depending-on-device/25573/12 "2020-05-28T09:55:17Z")

</div>

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