Example that shows how to change cursor on nodes

I was trying to figure out if there is a way to set a cursor on a node. eg, pointer cursor on a node, default cursor on edge, and move cursor on canvas.

I looked through the docs and did not find settings for these options. Is this kind of stuff customizable?

added Network + 1 deleted label

In case anyone also runs into this, I couldn't find a very clean way of doing this, but the following seems to work for me:

network.on('hoverNode', (node) => {
  // If you're using react and your encapsulating div has a `ref='graph'`
  // If you're using jquery, you'll probably want to do something like 
  // `$('#network')[0].style.cursor`
  this.refs.graph.style.cursor = 'pointer'
})

network.on('blurNode', (node) => {
  this.refs.graph.style.cursor = 'move'
})

@karanveerm Thanks!

I think we should create an example that shows how to change the cursor! Changing to an feature-request...

added Feature-Request label and removed Question label

changed title from Able to set a custom cursor on nodes? to Example that shows how to change cursor on nodes

Added with #2463

closed

added Fixed awaiting release label

changed milestone to %Minor Release v4.18

removed Fixed awaiting release label