Not currently, but an issue/PR is always welcome'd so we can track the request: GitHub · Where software is built
In @knolleary's first post above, 4 backticks were also used in the post, as well as 3 backticks...
What's the significance of 4 backticks?
I assume it's to separate the flow from the visual.
Because I wanted to include three backticks in the body of the code block without the forum treating that as the start of an actual code block.
Ummmm....
(yeah, mine, sorry.)
I can - eventually see the code posted if I zoom out a fairly long way.
I'm not sure if it is because I am not using the feature correctly or not.
But just to check.
I've only access via my phone, but hit a problem whilst viewing this post;
If I zoom out, really out, I can see a really small image, but if I zoom in to see it, it drops to the bottom of the frame, and I see half of it.
If I zoom in again , it's gone.
I'll try and do a gift later.
Strange.
I press the -
a LOT of times and then I can see it.
(Not having a go at you. Just that seems the opposite way to what I am doing)
Should the flow position be normalised in some way before visualisation? This is a flow posted in Neo-pixel LED, heart beat. Help - #2 by Trying_to_learn which is not visible unless you zoom right out and scroll halfway down.
[{"id":"4d9e128f61b30b9a","type":"trigger","z":"a1911aa3.c45be8","name":"","op1":"40","op2":"0","op1type":"num","op2type":"num","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":2,"x":750,"y":5330,"wires":[["7a69456b898157aa"],["f2ea8ebf91675d97","7a69456b898157aa"]]},{"id":"7d52e8e1113688cd","type":"trigger","z":"a1911aa3.c45be8","name":"","op1":"20","op2":"0","op1type":"num","op2type":"num","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":2,"x":970,"y":5380,"wires":[["7a69456b898157aa"],["7a69456b898157aa","ef16a26c16c1e3c2"]]},{"id":"49b7e79d69b3f6ee","type":"inject","z":"a1911aa3.c45be8","name":"Start","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":570,"y":5390,"wires":[["4d9e128f61b30b9a"]]},{"id":"7a69456b898157aa","type":"template","z":"a1911aa3.c45be8","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"rgb,3,0,{{payload}},0","output":"str","x":1130,"y":5330,"wires":[["cd95830a0d79ecd2","e007d147d4be7647"]]},{"id":"f2ea8ebf91675d97","type":"delay","z":"a1911aa3.c45be8","name":"","pauseType":"delay","timeout":"250","timeoutUnits":"milliseconds","rate":"1","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"allowrate":false,"outputs":1,"x":760,"y":5380,"wires":[["7d52e8e1113688cd"]]},{"id":"22333e36399b9c35","type":"inject","z":"a1911aa3.c45be8","name":"Stop","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"CONTROL","payload":"STOP","payloadType":"str","x":570,"y":5250,"wires":[["1048afc94a871bd0"]]},{"id":"14b8f1d26a67e16e","type":"inject","z":"a1911aa3.c45be8","name":"Go","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":"1","topic":"CONTROL","payload":"GO","payloadType":"str","x":570,"y":5290,"wires":[["1048afc94a871bd0"]]},{"id":"1048afc94a871bd0","type":"gate","z":"a1911aa3.c45be8","name":"","controlTopic":"CONTROL","defaultState":"open","openCmd":"GO","closeCmd":"STOP","toggleCmd":"toggle","defaultCmd":"default","persist":false,"x":570,"y":5330,"wires":[["4d9e128f61b30b9a"]]},{"id":"ef16a26c16c1e3c2","type":"delay","z":"a1911aa3.c45be8","name":"","pauseType":"delay","timeout":"5","timeoutUnits":"seconds","rate":"1","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"allowrate":false,"outputs":1,"x":1105,"y":5380,"wires":[["1048afc94a871bd0"]],"l":false}]
Regarding this empty flow view on Neo-pixel LED, heart beat. Help - #2 by Trying_to_learn and Idea: Add a node.js LTS check to Node-RED? - #3 by TotallyInformation they both render correctly when I run them flows in the source code version of the flow viewer
in fact, if I inspect these 2 demo flows they both have the <g>
node elements but something quirky is going on with the div scroll - certain zoom levels will allow the elements to show! Investigating.
That was (is) a consideration. The original implementation scans the min/max x/y and positions it in the scrollable div to reveal what the user has posted. This was done to maintain fidelity of the actual flow being rendered.
As of writing, it renders fine in dev env so there may be a bug in positioning logic, scroll size calculations (this is my suspicion) or issue with it being rendered as a discourse plugin or...
Have you tested on mobile devices? I'm on holiday now and just using my phone.
Yes, the ones that render here also work on mobile (at least FF and Chrome that I've tested)
It's a bit difficult to scroll down beyond this window on a phone, too easy to scroll within the window (revealing empty space) instead.
Would an image zoomed to the extent of the exported nodes be equally useful?
No idea how difficult that would be!
They are (it does already auto zoom, auto scroll), but something quirky with the forum implementation is going on. Investigating
This is something to do with forum plugin outer div scroll calculation. When zoomed, the scroll length is supposed to be updated to reflect the zoomed (smaller/larger) grid size - the scroll bars should adjust to reflect the inner content size
Andrews flow if you zoom and scroll - the nodes/flow is present:
Andrews flow when rendered in the src version - auto scrolls, auto zooms:
If the window shows the extent of the exported nodes, what's the value of it being scrollable?
And my phone already has a well established procedure for zooming in/out, the two finger pinch.
It doesnt, it attempts to zoom the content to fit the space. If the flow is mahoosive, the overflow is hidden and the scrollbars provide access. Also, imagine for some "whatever" reason there was an extra flow positioned right at the bottom of the grid...
The auto zoom / auto scroll has nothing really to do with pinch to zoom or mobile interface, it is about locating the flows that someone posted. They are almost always NOT at top left position x0,y0.
But, better zooming for mobile has already been discussed internally. There is no open issue but it is a known. If you could raise an issue, it will not get forgotten (again)
If an exported flow had eg this down there
I would prefer if the whole lot was shown, like this
Personal preference though
let me show you what it would really look like on a NR4.x grid of 8000x8000
Please see my post earlier in this thread.
I think @jbudd is trying to say he would prefer the image to expand to show all nodes with no scroll bar, not how it looks now.