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!

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…

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.

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,"for…

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":[[…

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

[image] greenembrace: [{"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"…

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.

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?

Hi @calcioscacchi I just noticed this popup it may interest you [image] Responsive Dashboard Dashboard Hello guys, I'm making a panel to show my data .. how can this be responsive on the phone or tablet?

Thankyou, i search for other discussion fo hours. I'll try there. Thanks for your help!

Node-RED

Node-RED Forum

Automatic resize the dashboard depending on device

Dashboard

greenembrace 28 April 2020 03:42 10

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

Topic		Replies	Views
Latest Dashboard 2.0 Release - Tabs, Number Input & New Gauges Dashboard dashboard-2	31	865	5 October 2024
Dashboard 2.0 Classic design multi needle gauge. Call for testing Dashboard dashboard-2	74	1850	26 July 2024
Dashboard 2.0 Pre-Alpha Available General dashboard-2	316	8158	9 December 2023
Dashboard 2 Beta development Dashboard dashboard-2	174	3944	25 January 2024
[1/2 : Loading Grafana with parameters] Dashboard + Grafana + Device Idiom Dashboard node-red-dashboard	8	364	12 January 2024

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Automatic resize the dashboard depending on device

Related topics