Thank you so much. It helped a lot. You got a subscriber. I'm researching something about EditableFlowchart. I've been there for days, but the documentation still seems obscure to me. Any suggestion? 2.xx Community
this is exactly what i needed. how easy is it to retrieve connections afterwards? i.e. click a button and have a report generated indicating where each connection is made...
Hello, if you’re referring to JSON export, I think that’s a feature of the commercial edition. Have a look at my video on ANTV X6 for a similar library that has this feature built in.
dd.html:121 Uncaught ReferenceError: jsPlumb is not defined at dd.html:121:3 im getting jsplumb not defined error while running your source code can u please help
Hi, I am using JSPlumb version 5 and trying to do: instance.addEndpoint(control1, { endpoint: 'Dot', containement: true, } ) But it is not working. How to restrct node in that container for version 5?
sir how to use jsplumb with angular12 ? as the jsplumb community version is under production mode for typescript as beta version so i am not able to understand the connectivity I am making SPA which use node connectivity which is similar to yours , so can you please help in this. thank you
Hello, thanks for the question. I think the simplest approach would be to write the functions that use jsPlumb in Javascript and then invoke them from Typescript.
Hello, I don't think the community edition supports this out of the box. For nodes you can loop through all the node objects using jQuery and for connections you can use instance.getConnections()
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html This particular library supports JSON import/export out of the box.
@@ProductivityforProgrammers Could you please make some tutorials that show how to use templates, node factory, add/update connector labels... Thank you.
@@satrughnasethisattuk I haven't used that feature as it is part of the commercial edition. Are you already invested in using jsPlumb? If not, you might want to look at ANTV X6. ua-cam.com/video/EMtcA5z1fAg/v-deo.html The undo/redo functionality is described here: x6.antv.vision/en/docs/tutorial/basic/history
Thank you for breaking this down to my level!!! much love from New Orleans!!!
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
Very helpful. Keep up the good works. :)
Excellent tutorial, well done!
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
thanks for the great video chief!
you are a good guy 👌😊.
would love to see the future video of the simple workflow engine. does that exist? this is most helpful thanks
Hello! The workflow engine doesn't exist yet but I will do videos on it when the time comes.
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
Thank you so much
Thank you so much. It helped a lot. You got a subscriber.
I'm researching something about EditableFlowchart. I've been there for days, but the documentation still seems obscure to me. Any suggestion?
2.xx Community
I don't know much about EditableFlowchart -- is it available in the community edition?
Hi, thanks for the video. I tried to use the community version in vue js but couldn't integrate it. Can you give me a suggestion please?
Hello, what is the error that you are getting?
Thank you very much. It's very helpful video but i have a question. How do i smooth the corners in the diagram with a button?
Thanks!. The "control" is a HTML div so you can toggle the border-radius CSS attribute to turn rounded corners on and off.
i have used the same code given in the description, but i am not able to drag elements and connect them. can you help me why it is giving an error
I'll live stream on Sunday at 9am GMT. Drop by and I can take a closer look at your issue.
Moving this to 3pm GMT
I updated the gist to load jsplumb from a CDN, let me know if i it works for you.
this is exactly what i needed. how easy is it to retrieve connections afterwards? i.e. click a button and have a report generated indicating where each connection is made...
Hello, if you’re referring to JSON export, I think that’s a feature of the commercial edition.
Have a look at my video on ANTV X6 for a similar library that has this feature built in.
Thank you for reply. I'll check it out ☺️
Let me know if that isn’t what you were looking for
dd.html:121 Uncaught ReferenceError: jsPlumb is not defined
at dd.html:121:3
im getting jsplumb not defined error while running your source code can u please help
Hello, did you solve your problem?
Try downloading jsplumb from here:
github.com/jsplumb/jsplumb/tree/2.13.1/
I updated the gist to load jsplumb from a CDN, let me know if i it works for you.
This is helpful , Thank you.
Glad it was helpful!
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
Hi,
I am using JSPlumb version 5 and trying to do:
instance.addEndpoint(control1,
{
endpoint: 'Dot',
containement: true,
}
)
But it is not working. How to restrct node in that container for version 5?
Hello, I am yet to try version 5.
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
Can you please update the gist with the latest version of the code you created in the video?
I didn't realize it was different. Let me see whether I still have the version from the video.
does it support integration with angular 11? i have updated my project from angular 6 to angular 11, now jsplumb is not working. jsplumb version 2.9.0
Hello, thanks for your question. I don't have enough background knowledge on angular to answer this.
sir how to use jsplumb with angular12 ?
as the jsplumb community version is under production mode for typescript as beta version so i am not able to understand the connectivity
I am making SPA which use node connectivity which is similar to yours , so can you please help in this.
thank you
Hello, thanks for the question. I think the simplest approach would be to write the functions that use jsPlumb in Javascript and then invoke them from Typescript.
@@ProductivityforProgrammers thank you sir 👍
Hi,can I know how to get the data that each node and the connection sequence data?
Hello, I don't think the community edition supports this out of the box. For nodes you can loop through all the node objects using jQuery and for connections you can use instance.getConnections()
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
This particular library supports JSON import/export out of the box.
What of the convert to PDf ? Please give me tutorial .. ;)
Thanks for the question. Try exporting to svg and then using svg2pdf on the server. Let me know if that works for you.
Is it possible to set the value of the conection?
If you mean "labels" look into using overlays:
docs.jsplumbtoolkit.com/community-2.x/current/articles/overlays.html
Are there any more videos for jsPlumb?
Not that I know of. Any topics that you would like covered?
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
@@ProductivityforProgrammers Could you please make some tutorials that show how to use templates, node factory, add/update connector labels... Thank you.
@@ProductivityforProgrammers Could you please make a video for how to use undo/redo for nodes and connections
@@satrughnasethisattuk
I haven't used that feature as it is part of the commercial edition.
Are you already invested in using jsPlumb? If not, you might want to look at ANTV X6.
ua-cam.com/video/EMtcA5z1fAg/v-deo.html
The undo/redo functionality is described here:
x6.antv.vision/en/docs/tutorial/basic/history
How to learn jsplumb with react integration
I haven't had this use case yet but I think the commercial version of the library might support that.
I just released another video on a similar library - ua-cam.com/video/EMtcA5z1fAg/v-deo.html
@@ProductivityforProgrammers thank you