Adding nodes and/or edges via drag & drop like in cytoscape standalone application.

959 views
Skip to first unread message

Cor Lieftink

unread,
Jan 21, 2011, 5:28:35 AM1/21/11
to cytoscapew...@googlegroups.com
Hi Christian,

In the documentation I see that one can add/remove nodes/edges programmatically. Just to make sure I am not missing anything, I like to ask if the web component has a (hidden) feature that one can use to drag and drop nodes and edges like it is done in cytoscape?

Best regards,

Cor

Gary Bader

unread,
Jan 21, 2011, 7:36:36 AM1/21/11
to cytoscapew...@googlegroups.com
Hi Cor,
Cool idea. Do you mean drag and drop from within the browser to cytoscapeweb, or do you mean drag and drop from a desktop application, like Cytoscape, to the cytoscape web in the browser? Looks like drag and drop between desktop and web browser is possible, at least for chrome and safari.

http://blog.project-sierra.de/archives/872

Cheers,
Gary

http://baderlab.org
The Donnelly Centre - http://www.thedonnellycentre.utoronto.ca/
University of Toronto

Cor Lieftink

unread,
Jan 21, 2011, 8:40:09 AM1/21/11
to cytoscapew...@googlegroups.com
Hi Gary,


> Do you mean drag and drop from within the browser to cytoscapeweb
correct.

It would be nice if adding nodes and edges would work the same in my application with integrated cytoscape web, as in the cytoscape standalone application. But I can of course also build my own interface using the cytoscape web API.

Best regards,

Cor

Christian Tannus Lopes

unread,
Jan 21, 2011, 12:34:25 PM1/21/11
to cytoscapew...@googlegroups.com
Hi Cor,

No, that would require another widget in Flash. The idea of Cytoscape Web id to provide only a basic viewer. The pan-zoom control is the only "extra" widget. Otherwise it would be much harder to make it generic enough for a broader public and make the API more complex.

But you could try to build such widget in JavaScript, if you want to. You might need to cover the CW canvas with a transparent div (99% transparent?) when dragging an element, so the JavaScript drop events can be dispatched, because sometimes Flash steals the events from the browser. I've never tried it though.

Thanks,

Christian

On 2011-01-21, at 5:28 AM, Cor Lieftink wrote:

Hammad

unread,
Aug 12, 2014, 11:21:14 PM8/12/14
to cytoscapew...@googlegroups.com
Hi,

Any new work in this regard done on Cystoscapeweb? We are planning to use cystoscapeweb for a project where drag and drop from a side pane (could be part of same canvas) is desired. From what I could explore so far, there is no such thing prebuilt - any pointers on how this can be achieved would be appreciated.

Regards,

Max Franz

unread,
Aug 19, 2014, 2:29:34 PM8/19/14
to cytoscapew...@googlegroups.com
I strongly suggest that you use Cytoscape.js over Cytoscape Web.  Cytoscape.js is newer, does not depend on Flash, and has an extension API that can be used to create reusable components like you suggest.  It seems someone has made a similar extension, but it’s straightfoward to create your own. We’re working to streamline the extension writing and submission process so it’s easier to share your extensions with others in v2.3.  -Max
--
You received this message because you are subscribed to the Google Groups "cytoscapeweb-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cytoscapeweb-dis...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Hammad

unread,
Aug 20, 2014, 2:59:40 AM8/20/14
to cytoscapew...@googlegroups.com
Thats great - thanks Max. I will explore.

Regards,
Reply all
Reply to author
Forward
0 new messages