Hi Stoyo,

Can you please help me out on following duagramming issues:

1.) Is there an anyway to handle click event on canvas and not on node, as onnodeclicked event gets fired when node is selected, clicking on canvas, deselects that node. So, either I need is onnode deselect event or on click on canvas but not on other node?

2.) I have selected  "SelectOnly" Behaviour, how can I get hand cursor on mouseover of nodes?

3.) On selection, I want to change the colour of AdjustmentHandles which appear. Is there a way to do so?

Thanks a lot in advance.

Quote:


Try this:

var SelectOnlyBehavior = MindFusion.Diagramming.SelectOnlyBehavior;
SelectOnlyBehavior.prototype.setMouseCursor = function (point)
{
	var node = this.diagram.getNodeAt(point);
	return node ? "pointer" : "default";
}  

Quote:


Set the Diagram.handleBrush field:
diagram.handleBrush = '#4488CC';

I hope that helps,
Stoyan

There are round handles drawn for nodes with HandlesStyle.RoundAndSquare or for some control points of Bezier links, so you could see them change if you set node.HandlesStyle or link.Shape properties from click handlers. I can't see any distortions in Chrome though, could you attach a screenshot?

Hi,

I was able to reproduce this after setting node's StrokeDashStyle to non-solid style. Apparently the handles rendering code isn't resetting context's LineDash before drawing, and if handles happen to draw immediately after dashed border, they are rendered dashed too (even if your node's pen is set to "transparent"). So you could either set StrokeDashStyle to Solid, or fix the rendering code like this for time being:

var HandleUtils = MindFusion.Diagramming.HandleUtils;
var originalDrawHandles = HandleUtils.drawSquareHandles;
HandleUtils.drawSquareHandles = function (context, item)
{
	if (context.setLineDash)
		context.setLineDash([]);
	originalDrawHandles.apply(null, [context, item]);
}; 

I hope that helps,
Stoyan