Stack Overflow
Stack Overflow

Questions tagged [jsplumb]

jsPlumb provides a way to "plumb" elements of a UI together.

jsPlumb is javascript library that allows you to connect elements on the screen using SVG, Canvas or VML, depending on the capabilities of the browser. It can be used with jQuery, MooTools or YUI3 (or another library of your choice if you feel like implementing an adapter for it).

Useful links

Related tags

566 questions
8
votes
1 answer

JSplumb double bonds

I would like make a double bonds with two div using librairy jsPlumb Javascript. I can make a connection, but not a double bonds. Do you know how to make a double bond ? For a simple link between two DIV: jsPlumb.ready(function() { …
Whitney R.
  • 630
  • 4
  • 10
  • 20
8
votes
3 answers

How to make multiple connection from the source endpoint in jsplumb

I am trying to make a flowchart using jsplumb library. I need make multiple connections from a single div. Ex- Div 1 should connect to Div 2 and Div 3. I want the source endpoint to be the same i.e bottomcenter. Please let me know what should be…
unix_user
  • 309
  • 6
  • 21
7
votes
1 answer

can't use jsplumb with second function

I'm getting my instance like this: jsp = jsPlumb.getInstance(); jsp.setContainer(_domnodeId); jsp.ready(function(){ //doing some stuff - connecting boxes with arrows... var conn2 = jsp.connect({ source: …
h0ppel
  • 347
  • 2
  • 5
  • 21
7
votes
2 answers

Can we export a JsPlumb flowchart as a JSON or XML?

I have created a JSPlumb Flowchart. Now, I want to export this flowchart into its corresponding JSON or XML script to save and perform various operations. What is more compatible ? Either of them is perfectly fine. Please enlighten me on this. The…
StackAddict
  • 423
  • 9
  • 21
6
votes
1 answer

How to connect draggable divs with jsPlumb?

I would like to connect two draggable divs using jsPlumb. However when I use jsPlumb.Draggable function only the endpoints become draggable (not the div itself). Here is the fiddle of what I what I am…
Rishabh Sagar
  • 1,744
  • 2
  • 17
  • 27
6
votes
3 answers

jsPlumb drag element position

im using jsPlumb with jQuery i was wondering if there is a way to get the position of an element while and after drag and drop it within the container? im doing a crossover at the moment wich is working, but does not repaint my connectionpoints and…
xQp
  • 302
  • 1
  • 5
  • 22
6
votes
5 answers

JSPlumb - setting connection ID

We're working on a project that uses JSPlumb for workflow rendering and maintaining a separate data model that includes nodes (id, position, text etc.) and connections, keeping this in sync with events using jsPlumb.bind When I come to recreate my…
managedheap84
  • 841
  • 2
  • 10
  • 22
6
votes
2 answers

Connector Style not being applied to jsPlumb connector when created dynamically

Update - 1 Here is my JSFiddle. In this example. I have connected first two div on DOM load. In this line of code JSPlumb jsPlumb.connect ( { source: 'A', target: 'B', …
Jehanzeb.Malik
  • 3,332
  • 4
  • 25
  • 41
5
votes
1 answer

How to zoom jsPlumb diagram

I'm trying to make available zooming on scroll. I have one #mainDiv with multiple .foo tables inside with jsPlumb endpoints. When the user scrolls, #mainDiv should remain the same size and tables should resize, which actually happens, but table's…
Vaxo Basilidze
  • 1,017
  • 13
  • 31
5
votes
3 answers

jsPlumb: fat arrow?

I want a fat arrow in jsPlumb with a pretty tip. This is what I want: This is what I get: How can I change the settings? Here's what I currently use: PaintStyle: { stroke: "#f00", strokeWidth: 20 }, connector:…
Swiss Mister
  • 3,260
  • 2
  • 20
  • 42
5
votes
3 answers

How to integrate jsplumb in vuejs?

I have tried jsplumb script in .html file under the script tag. This is working fine.