demo.html is not working about cytoscape.js-cxtmenu HOT 7 CLOSED

(1) This is for Cytoscape.js -- not Cytoscape Web.

(2) You're going to have to structure your HTML and JS properly as shown in the demo.html example. I have confirmed that it's working fine.

from cytoscape.js-cxtmenu.

Hi Max,

Thanks for quick response.
Div name is cytoscapeweb but actually using cytoscape.js only.

I am following the same directory structure as well. Following folders/files are in the same directory.

1. font-awesome-4.0.3 (folder)
2. img (folder)
3. cytoscape.js
4. cytoscape.js-cxtmenu.js
   5.jquery-1.8.1.js
5. cytoscapeTest (demo.html file) only I changed hieght and width of div.

Following is my output -

and when I changed the display as bock of div (class cxtmenu) then it looks like as following -

Thanks,
Pragyesh

from cytoscape.js-cxtmenu.

Hi Max,

Please see my comment –

#6 (comment)

Thanks,
Pragyesh

From: Max Franz [mailto:[email protected]]
Sent: Friday, August 01, 2014 9:34 PM
To: cytoscape/cytoscape.js-cxtmenu
Cc: Gupta, Pragyesh
Subject: Re: [cytoscape.js-cxtmenu] demo.html is not working (#6)

(1) This is for Cytoscape.js -- not Cytoscape Web.

(2) You're going to have to structure your HTML and JS properly as shown in the demo.html example. I have confirmed that it's working fine.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/6#issuecomment-50902226.

from cytoscape.js-cxtmenu.

Hi Max,

Sorry!!!

On right click on node, I am able to see the context menu.
But why it is happening on right click?

Thanks,
Pragyesh

from cytoscape.js-cxtmenu.

It's a context (i.e. right click menu). Maybe you're looking for other options to open it?

from cytoscape.js-cxtmenu.

Thanks Max..
For changing it to mouse over or any other event we need to modify the code right?
One more question I've related to cytoscape node.
Can we create a node with combination of 2-3 icons / shapes or with html content? (i.e can we customize the node?)

from cytoscape.js-cxtmenu.

Additional events for the menu would require changing the code and exposing it as some sort of option. If you're looking for particular events or behaviour, maybe you'd like to open a ticket for that specifically?

Probably the best way to have custom content in a node is to use a background image. You can generate a bitmap or a vector (e.g. SVG) and set that to background-image. SVGs are relatively easy to make programmatically. You may also want to turn off background image clipping in your style for performance if your node shape is essentially the background.

from cytoscape.js-cxtmenu.