cytoscape.js disable grab&moving nodes

Question

I'm having trouble building a graph network with cytoscapeJS. I can add nodes and handle them which is quite easy, but I'm not able to configure cytospace to disable Dragging/Moving nodes.

I have found a JSbin from somebody where you can try: http://jsbin.com/vasenatimu/2/edit?html,js,output

Have a look at http://js.cytoscape.org under 'Initialisation options', I tried all the options, but they dont solve my problem (I set nearly all options to false and I can still grab and select nodes).

Can you help me with this?

score 12 · Accepted Answer · answered May 21 '15 at 17:08

12

initOptions.autoungrabify: true or cy.nodes().ungrabify()

answered May 21 '15 at 17:08

maxkfranz

11,896
1
27
36

score 1 · Answer 2 · answered May 03 '19 at 10:33

1

You can also disable selected nodes using their configuration. For example:

cytoscape({
  elements: {
    nodes: [
      { 
        data: { id: "node1" }, 
        grabbable: false,
      },
    ],
  },
});

answered May 03 '19 at 10:33

emil.c

1,987
2
26
46

score 0 · Answer 3 · answered May 22 '19 at 21:12

I faced the same problem and I found out this is the solution to the problem for me:

cytoscape({
  autolock: true, <== this did the trick for me
  elements: {
    nodes: [
      { 

      },
    ],
  },
});

I hope this will help you as well.

Regards Edgar

cytoscape.js disable grab&moving nodes

3 Answers3

Linked