search

riclolsen / node-red-scadavis

Node-RED / SCADAvis.io integration for creating SCADA-like user interfaces.
7 stars 5 forks source link

Unclear how to resize #1

Closed sxwebster closed 2 years ago

sxwebster commented 2 years ago

Despite the sample kor1 svg being set at 1500x2400, and the iframe params being set at 500 x 1000, changing the iframe params does not appear to allow kor1 to be displayed any larger.

It would be nice to have some guidance on either: a) How to resize the dashboard b) have the dashboard dynamically resize to fit the iframe

Thank you

riclolsen commented 2 years ago

Hi, To zoom in/out, use the API

sv.zoomTo(0.42); // adjust zoom (from 0 to 1)

To resize the iframe to the window size you can do this

// change the frame size
var iframe = sv.getIframe();
iframe.height = window.screen.height;
iframe.width = window.screen.width;

You may also need to watch for window size events to change size as the user resizes the browser window.

sxwebster commented 2 years ago

Fantastic response, thank you!

I see that you've been putting a lot of effort into json:scada. It looks great. I just wanted to let you know that for simpler things that something like the node-red setup is very approachable for beginners. The very low hardware overhead helps a great deal with creating a proof of concept too. Thank you for taking the time to reply, its much appreciated.

riclolsen commented 2 years ago

Thanks for the feedback on Node-red usage, this kind of information is very useful to me. Best regards.