Feature to drag labels

[GoogleCodeExporter]

Is it planned to be able to drag the connection labels?

My app users are coming up with very complex fluxes that make the connections 
cross each other and since the labels are always at the same offset they 
overlap very often.

Original issue reported on code.google.com by mfc...@gmail.com on 20 Jul 2012 at 6:53

[GoogleCodeExporter]

there are no current plans to support this type of functionality, no - noone 
has suggested it before.

do you mean you'd want to drag the label along the path inscribed by the 
connector? or just anywhere?

it would be useful to see a screen shot of what you're talking about.  but i 
know not everyone can share pictures of their app in a public forum like this.

Original comment by simon.po...@gmail.com on 20 Jul 2012 at 9:25

• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

Hi,

Well the idea is that if you drag a label the connection will accompany it. 
In my case i have the StateMachine connection. In this case i believe the arc 
of the connection would have to be increased. 

A simpler idea would be to have the label be draggable along the connection 
path.

This is just an idea of course. If its not planned in any way i will try to 
implement it myself =).

Original comment by mfc...@gmail.com on 23 Jul 2012 at 10:53

[GoogleCodeExporter]

i can see the appeal of this idea.  i can also see how it would get complicated 
in a UI in which the nodes were draggable. as you say, the arc of the 
connection would increase in the case of the StateMachine connectors; this 
connector is drawn as a Bezier curve with a single control point, so what could 
happen is that the location of the control point be adjusted to reflect how far 
the label has been dragged.  but once the user moves a node involved in that 
connection, what would you do?  it wouldn't make sense to translate the shift 
in the control point and apply it as the node moved, so you'd most likely reset 
it.  if the user then moved the node back to where it was when they dragged a 
label, would they expect the connector to take the form that it took after they 
had dragged it? probably.  all of these complications are the sorts of reasons 
why I don't have support for this  stuff in the library.

having the label be draggable along the connector path seems a lot more 
manageable and likely to provide predictable results for the user without 
jsPlumb having to do any voodoo.  i don't suppose it would be hugely difficult 
either.

Original comment by simon.po...@gmail.com on 24 Jul 2012 at 10:49

[GoogleCodeExporter]

Ok. Ill look into how i can do this myself =). Need to ajust the offset based 
on the dragged offset =).

Most of the time i can resolve the problem by making a huge box to connect to. 
Still sometimes jsplumb insists on crossing the connections. I attached a 
screen of this crossing.

If i drag some boxes in a certain order it resolves the crossing. Yet reloading 
the page the crossing reappears.

Original comment by mfc...@gmail.com on 24 Jul 2012 at 5:54

Attachments:

• flux.png

[GoogleCodeExporter]

i only just saw this comment.  i'm not sure that that screenshot shows intended 
behaviour actually.  the maths is supposed to order connections wrt to the 
orientation of each other element.  i wonder if this can be reproduced in a 
jsfiddle.

Original comment by simon.po...@gmail.com on 8 Aug 2012 at 7:02

[GoogleCodeExporter]

i'm tempted to have a go at this for 1.3.13, the next release.  i figure the 
label will just be positioned at the closest point on the connector path to 
wherever the mouse happens to be, and that location will remain set if they 
drag either of the nodes in the connection.

Original comment by simon.po...@gmail.com on 16 Aug 2012 at 6:43

[GoogleCodeExporter]

I would love to see this feature coming. in My FlowChart graph when having an 
edge connection back to a high vertex, the labels collide. 

Original comment by hannes.a...@gmail.com on 6 Nov 2012 at 1:01

Attachments:

• sample.png

[GoogleCodeExporter]

did you know you can set the location as an absolute value? any value other 
than 1 or 0 will be treated as absolute, and negative numbers are offset from 
the end of the connector.

Original comment by simon.po...@gmail.com on 7 Nov 2012 at 7:37

[GoogleCodeExporter]

moved to github

https://github.com/sporritt/jsPlumb/issues/17

Original comment by simon.po...@gmail.com on 30 Apr 2013 at 11:28

[GoogleCodeExporter]

Issues have all moved to Github.  Google code is no longer in use for jsPlumb.

Original comment by simon.po...@gmail.com on 10 May 2013 at 11:37

• Changed state: WontFix