# Vertical flow view

**URL:** <https://discourse.nodered.org/t/vertical-flow-view/5487>\
**Category:** Feature Requests\
**Created:** [4 December 2018 23:40 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487 "2018-12-04T23:40:31Z")\
**Posts on this page:** 9\
**Page:** 5

<div class="post-metadata">

**Author:** ![fahrvergnuugen](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fahrvergnuugen/32/818_2.png) [@fahrvergnuugen](https://discourse.nodered.org/u/fahrvergnuugen)\
**Post date:** [28 January 2020 20:40 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/82 "2020-01-28T20:40:08Z")

</div>

Same as it does now, multiple ports on the right edge - except they would be mirrored along the bottom edge too.

---

<div class="post-metadata">

**Author:** ![Hypnos](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hypnos/32/7566_2.png) [@Hypnos](https://discourse.nodered.org/u/Hypnos)\
**Post date:** [28 January 2020 20:56 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/83 "2020-01-28T20:56:23Z")

</div>

These doesn't always be visible, only when the node is selected, with the mouse nearby or above.

---

<div class="post-metadata">

**Author:** ![LarsSimonsen](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/larssimonsen/32/27384_2.png) [@LarsSimonsen](https://discourse.nodered.org/u/LarsSimonsen)\
**Post date:** [18 August 2020 16:06 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/84 "2020-08-18T16:06:05Z")

</div>

I am thinking something more along this:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/a/1a83fa4f11efbde85967abbb6d4f8fddcd885876.png)

If the x coordinate of the default output position (the red line) is equal to or smaller than the x coordinate of the default input position, then use the default positions (A), else move the output to the bottom and the input to the top (B).

Still have to figure out a usable logic for when there's multiple nodes connected to each input/output, though.

(Sorry for the MS Paint "artwork")

---

<div class="post-metadata">

**Author:** ![sudoritz](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sudoritz/32/29806_2.png) [@sudoritz](https://discourse.nodered.org/u/sudoritz)\
**Post date:** [7 October 2020 15:34 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/86 "2020-10-07T15:34:52Z")

</div>

oh wow there is alot to this visual vertical discussion. 😉

just some 2c. Could both vertically and horizontally wires be enabled so you have a mix based on what you want to do.

But maybe the thought here is (individually control that on the Node itself. when you place the node- say you want to flip the orientation vertical/horizontal you click node and a ticker box states oh flip it vertical from default horizontal.

---

<div class="post-metadata">

**Author:** ![pitus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/pitus/32/28170_2.png) [@pitus](https://discourse.nodered.org/u/pitus)\
**Post date:** [9 October 2020 20:21 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/87 "2020-10-09T20:21:32Z")

</div>

Every wire would require an additional port location meta info, not very practical and not intuitive visually when input is at the top and output on the right like that.  
If anything, have a v flag in each node that it's vertical, or inherit that from groups & tabs ?

---

<div class="post-metadata">

**Author:** ![jeroenst](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jeroenst/32/22682_2.png) [@jeroenst](https://discourse.nodered.org/u/jeroenst)\
**Post date:** [7 March 2021 19:22 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/88 "2021-03-07T19:22:05Z")

</div>

Mixing horizontal and vertical would be a great option imo, a checkbox or dropdown in the node properties to set vertical or horizontal mode would do it for me.

---

<div class="post-metadata">

**Author:** ![SonoraTechnical](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sonoratechnical/32/20033_2.png) [@SonoraTechnical](https://discourse.nodered.org/u/SonoraTechnical)\
**Post date:** [8 March 2021 23:33 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/89 "2021-03-08T23:33:27Z")

</div>

I'm enjoying this discussion and am curious to what may be ultimately decided upon. Thank you all for taking the time to put forth new ideas and the node-red developers for managing expectations by highlighting the implications.

---

<div class="post-metadata">

**Author:** ![dougle03](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dougle03/32/32979_2.png) [@dougle03](https://discourse.nodered.org/u/dougle03)\
**Post date:** [22 March 2021 14:15 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/90 "2021-03-22T14:15:08Z")

</div>

I do like the idea of a per node switch, with a per flow master that defaults newly added nodes but leaves existing nodes as-is.  
I have many flows with lots of mini flows on each, so one size fits all would not work for me. But I can see in some of my flows where vert would work for nodes with multiple outputs.  
Also, adding the option per node would mean existing nodes would be unaffected and importing flows would follow whatever their setting was (default horiz).

---

<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:** [29 May 2021 22:37 UTC](https://discourse.nodered.org/t/vertical-flow-view/5487/91 "2021-05-29T22:37:27Z")

</div>



[Previous page](https://discourse.nodered.org/t/vertical-flow-view/5487.md?page=4)