# How can i view the entire flows?

**URL:** <https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769>\
**Category:** General\
**Created:** [4 April 2022 13:04 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769 "2022-04-04T13:04:35Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![fab29](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fab29](https://discourse.nodered.org/u/fab29)\
**Post date:** [4 April 2022 13:04 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/1 "2022-04-04T13:04:35Z")

</div>

How can i view the entire flows? (work areas). Why can't I see all the blocks I have in the flow:

 ![FLOW IMMAGINE](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/e/aefcf065d704a5b5db50f15ad870aee2e1596bb6.jpeg)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [4 April 2022 13:23 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/2 "2022-04-04T13:23:55Z")

</div>

There are zoom in and out buttons at the bottom right of the editor screen.

---

<div class="post-metadata">

**Author:** ![vikingsraven](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vikingsraven/32/49243_2.png) [@vikingsraven](https://discourse.nodered.org/u/vikingsraven)\
**Post date:** [4 April 2022 15:45 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/3 "2022-04-04T15:45:31Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/2/82bd51d00d9fb763ca70ee5a0c07d986b88bfcb5.png)  
as @jbudd said theres a zoom button it show the entire flow area and you can grab and view with that.

---

<div class="post-metadata">

**Author:** ![fab29](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fab29](https://discourse.nodered.org/u/fab29)\
**Post date:** [4 April 2022 19:05 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/4 "2022-04-04T19:05:52Z")

</div>

The problem is not the zoom, I cannot scroll to see all the flow I have reached the end of the page, but there are still blocks underneath, but I cannot see them.

 ![flow](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/9/59e049e7aa62f0d2d7bf3b11499e70ea5886db2b.png)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [4 April 2022 20:45 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/5 "2022-04-04T20:45:57Z")

</div>

The workspace is fixed at 5000px square. I'm curious to learn how you have managed to add nodes that exceed that, because the editor won't let you place a node outside of those bounds.

Are these auto-generated flows?

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [4 April 2022 21:15 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/6 "2022-04-04T21:15:29Z")

</div>

I managed to reproduce this by zooming in 10 clicks then placing a node right at the bottom.

 ![Untitled 5](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/c/6ce112ed67071a2987b94f732eded9d41525660e.jpeg)  
It remains partly hidden even if I reset the zoom.  
 ![Untitled 6](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/d/4df96b32a9acdf8c1dfdc345b4f1f01ea89847c6.jpeg)

Exporting the flow and importing it doesn't move it back up, but it does give you the opportunity to find `"y": 5000,` and replace it with `"y": 4980,`

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [4 April 2022 21:40 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/7 "2022-04-04T21:40:17Z")

</div>

Try the Chrome 'Webpage shortcut'  
**Ctrl & -** and **Ctrl & +** which enlarges / reduces the webpage, and different to the zoom menu feature.  
**Ctrl & 0** should set the view back to default.

---

<div class="post-metadata">

**Author:** ![fab29](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fab29](https://discourse.nodered.org/u/fab29)\
**Post date:** [4 April 2022 21:51 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/8 "2022-04-04T21:51:27Z")

</div>

> [@knolleary](#):
>
> The workspace is fixed at 5000px square. I'm curious to learn how you have managed to add nodes that exceed that, because the editor won't let you place a node outside of those bounds.
> 
> Are these auto-generated flows?

Yes, these flows are automatically generated. I didn't make the program, I just wanted to make some changes but I can't access what I need.

---

<div class="post-metadata">

**Author:** ![fab29](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fab29](https://discourse.nodered.org/u/fab29)\
**Post date:** [4 April 2022 21:54 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/9 "2022-04-04T21:54:52Z")

</div>

> [@Paul-Reed](#):
>
> Try the Chrome 'Webpage shortcut'  
> **Ctrl & -** and **Ctrl & +** which enlarges / reduces the webpage, and different to the zoom menu feature.  
> **Ctrl & 0** should set the view back to default.

Nothing changes within the program.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [4 April 2022 21:56 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/10 "2022-04-04T21:56:40Z")

</div>

Have you tried a different browser?  
~~I'm replicating your issue, and using the 'Webpage shortcut' in chrome.~~

 ![zoom](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/0/1051b44b27c5f71093fb8cf4a2a0d2c521c51e4f.jpeg)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [4 April 2022 22:01 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/11 "2022-04-04T22:01:37Z")

</div>

Paul, zooming will make no difference.

The workspace is a fixed size and auto generated flows shouldn't have been generated outside of the limit if they needed to be modified in the editor.

@fab29 not sure there is a quick solution for this.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [4 April 2022 22:03 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/12 "2022-04-04T22:03:01Z")

</div>

~~[quote="knolleary, post:11, topic:60769"] Paul, zooming will make no difference. [/quote]~~

~~I did say;~~

~~[quote="Paul-Reed, post:7, topic:60769"]  
and different to the zoom menu feature.  
[/quote]  
 ~~

---

<div class="post-metadata">

**Author:** ![fab29](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fab29](https://discourse.nodered.org/u/fab29)\
**Post date:** [4 April 2022 22:09 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/13 "2022-04-04T22:09:17Z")

</div>

Ok, thanks anyway. I try to edit in the editor if I can then I will let you know. Thanks again.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [4 April 2022 22:14 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/14 "2022-04-04T22:14:46Z")

</div>

As a flow is essentially a JSON file, you could load the flow using a file in node and loop through every object. Where the `y` property is greater than 5000 deduct 5000 and change their `z` index to a second flow tab. Save the resulting JSON as an alternate flow file, change the startup flow in your settings to open the new JSON file.

NOTE this assumes that the nodes greater than 5000 are not connected to any other nodes less than 5000 (as they would break when you change the `z` property)  
You could check that the wire id is not attached to a node less than 5000

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [4 April 2022 22:16 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/15 "2022-04-04T22:16:33Z")

</div>

@Steve-Mcl - won't that break any wires that cross the 5000 mark ?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [4 April 2022 22:17 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/16 "2022-04-04T22:17:15Z")

</div>

Yes. Haha. You wrote that comment as I was adding to it 😃

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [4 April 2022 22:17 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/17 "2022-04-04T22:17:44Z")

</div>

You can drag a node off the palette and place it at y: 5000, at least if you are zoomed in enough.  
5000 puts the bottom half of the node out of the visible palette.

Interestingly, if you then move the node, it won't go lower than 4980, so that may be a fix for the OP, as long as he has no nodes fully out of sight.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [4 April 2022 22:18 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/18 "2022-04-04T22:18:28Z")

</div>

I take back my last post @knolleary, I now see the real issue....

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [4 April 2022 22:37 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/19 "2022-04-04T22:37:46Z")

</div>

@jbudd we aren't talking about nodes right on the edge. This is about nodes with generated X/y values that are bigger than 5000.

@fab29 if the nodes that are offscreen are connected to nodes that are on screen, then shift-clicking the on-screen node will select everything it is connected to. That would let you drag them back into view.

For flows that are entirely offscreen, editing the flow file may be the only answer.

---

<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:** [3 June 2022 22:38 UTC](https://discourse.nodered.org/t/how-can-i-view-the-entire-flows/60769/20 "2022-06-03T22:38:25Z")

</div>

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