# \[Feature Request\]Little tweak on wires

**URL:** <https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336>\
**Category:** Feature Requests\
**Created:** [21 June 2023 09:58 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336 "2023-06-21T09:58:47Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)\
**Post date:** [21 June 2023 09:58 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/1 "2023-06-21T09:58:47Z")

</div>

I'm just wondering if a little tweak could be made to the wire routing just to put a gap between the wires and node statuses when looping back from right top left

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/b/dbccf7d903f10050c52eddbff1974f116981b387.png)  
[edit]  
Don't need as much room as this workaround - just enough so that the wire isn't touching the status text/indicator  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/b/4b409a9ffb13b9468c757195f1fd232c58e3b038.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:** [23 June 2023 09:05 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/2 "2023-06-23T09:05:36Z")

</div>

Whilst I fully understand the desire, this isn't a 'little tweak'.

We have to consider all the cases based on the relative Y-position of the two nodes. You've highlighted the 'easy' case where the nodes are level. But as soon as they are more staggered, there are lots of cases where this isn't an obvious 'better' route.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/8/28006dec8d2cb8c49d30127895e4ca7cdcce001b.png)

The last time this was suggested and discussed (can't find the thread, but it definitely has had come up before), it was decided against as it would make the cases where nodes don't have status (which, lets be honest, is most of them), less space efficient.

For example, you wouldn't be able to do something like this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/8/68742893ce8452739afd58a1fd219da1a65160b7.png)

Any change would have to make the wiring path conditional on whether a node has status or not - which is something we'd tried to avoid doing.

Still - without promising anything - it's about time for my annual session of trying to make the wiring a bit more aesthetically pleasing...

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [23 June 2023 09:56 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/4 "2023-06-23T09:56:49Z")

</div>

> [@Flippable node wiring direction](https://discourse.nodered.org/t/flippable-node-wiring-direction/56937/3):
>
> This has been discussed a few times before and the conclusion has always been this isn't something we want to do. It would get super confusing if the flows can go in any direction. If you were zoomed in to a part of a flow, you'd have no idea what direction it was running in. Arrow heads would help (and there is a PR in the works that will add an option to display arrow heads). But I still think switching directions like this would be confusing.

arrow heads to indicate flow direction?

---

<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:** [23 June 2023 11:03 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/5 "2023-06-23T11:03:46Z")

</div>

How does this look:

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

When the nodes are horizontally level (with a little bit of grace for those who don't snap to grid 😱):

- smoother curves coming out of the nodes
- if either end has status, give a bit more room

For reference, here is what that exact arrangement looks like in NR 3.x:

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

---

<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:** [23 June 2023 11:08 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/6 "2023-06-23T11:08:55Z")

</div>

Oooh they are smooooth. That's looks really nice. Especially compared to previous.

If I were to nitpick anything, the gap looks like it could be slightly reduced without hitting the status - but it's personal.

---

<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:** [23 June 2023 11:23 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/7 "2023-06-23T11:23:34Z")

</div>

@Steve-Mcl yup agreed - will pull it in a little bit.

Also noting it doesn't do _anything_ for nodes with multi-line comments.... that'll be next year's wiring improvement task.

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

---

<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:** [23 June 2023 12:16 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/8 "2023-06-23T12:16:15Z")

</div>

Yes. I Agree with Steve.

---

<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:** [23 June 2023 12:47 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/9 "2023-06-23T12:47:43Z")

</div>

The more nearly semicircular curves are more comfortable to look at.  
How does a node with two outputs (and a status?) fare in this scheme?

I sometimes wish the wire could fit between the node and it's status.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [23 June 2023 12:57 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/10 "2023-06-23T12:57:24Z")

</div>

> [@jbudd](#):
>
> I sometimes wish the wire could fit between the node and it's status.

and push status text a tad bit lower

---

<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:** [23 June 2023 13:20 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/11 "2023-06-23T13:20:25Z")

</div>

> [@jbudd](#):
>
> I sometimes wish the wire could fit between the node and it's status.

TBH, it can never be catered for in all eventualities so my personal wishlist would be the status shape/text would have a +1 `z` on all the wires & have a "frosted glass" background so that the text "pops" regardless of wiring.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/f/cfdba3d91a95e55a376ae666533c6017a4a27b12.jpeg)

* * *

actually, I prefer it when the "frosting" hugs the letering like a drop shadow - but I think you get the point 🙂

---

<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:** [23 June 2023 13:40 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/12 "2023-06-23T13:40:05Z")

</div>

Hmm well "I sometimes wish" does not really translate to "Make it so".  
In case of doubt, I think the editor appearance is really excellent. It shows that the product is made by people with an appreciation of graphic design and amazingly they are prepared to discuss possible enhancements with plebeian users (cf Raspberry Pi forums)

Now then, WIndows Vista "Aero" node statuses. I'm sure something could be done with CSS. I don't have any cufflinks for the background though. 🙃

---

<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:** [23 June 2023 14:17 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/13 "2023-06-23T14:17:27Z")

</div>

> [@jbudd](#):
>
> Now then, WIndows Vista "Aero" node statuses

ah, (bad) memories

> [@jbudd](#):
>
> I'm sure something could be done with CSS

That was 😃 [codepen](https://codepen.io/kylewetton/pen/bGbaazX)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [23 June 2023 15:02 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/14 "2023-06-23T15:02:14Z")

</div>

Just remember that "clever" layouts also need more work around accessibility. 🙂

The amount of work required can escalate real quick.

---

<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:** [23 June 2023 15:08 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/15 "2023-06-23T15:08:51Z")

</div>

Done

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/0/80b28a3dd57b9b607cb8d0d8d4e99bd0d2331cfd.png)

---

<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:** [23 June 2023 15:33 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/16 "2023-06-23T15:33:49Z")

</div>

its so pretty

![bugs-life-i-cant-help-it](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/b/fb0e373b55151345f89a8255643098cd4078cb9f.gif)

---

<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:** [23 June 2023 16:08 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/17 "2023-06-23T16:08:12Z")

</div>

That is definitely one of those “yeah! Obvious now you see it” things. So much better !

---

<div class="post-metadata">

**Author:** ![CanyonCasa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/canyoncasa/32/76453_2.png) [@CanyonCasa](https://discourse.nodered.org/u/CanyonCasa)\
**Post date:** [15 July 2023 16:09 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/18 "2023-07-15T16:09:52Z")

</div>

Just seeing this… I’ve had similar “feedback’ routing issues where wires propagate across a flow right to left.

At one point I tried using a junction, which enables the user to determine the spacing between nodes and wires based on placement of the junction. However, a junction only allows inputs on the left and outputs on the right, which results in a wired crossover. It occurred to me that if a junction could be mirrored horizontally (i.e. inputs on the right and outputs on the left it would work well.

I’m not saying this is trivial to implement as I lack knowledge of the implementation of Node-red graphics but it would address this issue.

I step further would be to enable mirroring any node. While signal paths conventionally flow left to right, control feedback diagrams, schematics, and flow charts often have paths that flow right to left. This would cleanup such flows.

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [15 July 2023 16:43 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/19 "2023-07-15T16:43:11Z")

</div>

> [@CanyonCasa](#):
>
> At one point I tried using a junction, which enables the user to determine the spacing between nodes and wires based on placement of the junction. However, a junction only allows inputs on the left and outputs on the right, which results in a wired crossover. It occurred to me that if a junction could be mirrored horizontally (i.e. inputs on the right and outputs on the left it would work well.

I'm not sure I get your point.  
Could you create an example (screenshot) that shows the issue you try to address with this proposal?

---

<div class="post-metadata">

**Author:** ![CanyonCasa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/canyoncasa/32/76453_2.png) [@CanyonCasa](https://discourse.nodered.org/u/CanyonCasa)\
**Post date:** [16 July 2023 14:57 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/20 "2023-07-16T14:57:04Z")

</div>

@ralphwetzel, not very well drawn, but here is a hacked up image of a simple example of what i am suggesting...

 ![feedback](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/9/a94012319b00e1593b3a680ff2a91ef9ff913b79.png)

---

<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:** [16 July 2023 15:19 UTC](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336/21 "2023-07-16T15:19:04Z")

</div>

Hmm yeah, not something I would vote for tbh. The current method of a "message flows from left to right" is 100% unambiguous. This is a recipe for confusion IMO.

Ps, if you feel strongly about this FR, then I suggest you start a new feature request thread and state your case - see what traction you get.

[Next page](https://discourse.nodered.org/t/feature-request-little-tweak-on-wires/79336.md?page=2)