Adornment get blur after adding node on it

@tejbir wrote:

Hi,

i have node 'A'. One adornment is added to node 'A'. When i drag node 'B' from pallete and drop it on node 'A', then adornment on node 'A' got blurred.

please find screenshot below:-
In below screenshot, cross symbol is my adornment.

So, when i dropped node 'B' on node 'A', my cross symbol got blurred.

Below is my code for node and Adornment:-

mainDiagram.nodeTemplateMap.add(key,
$go(go.Node, "Auto", nodeStyle(),
{selectable:true
},
$go(go.Shape, "Rectangle",nodeShapeStyle(),
{ fill: color,stroke:"White",width:150,height:30}),{
click:showNodeSettings,
mouseHover: function(e, obj) {
var node = obj.part;
node.diagram.select(node);
nodeHoverAdornment.adornedObject = node;
node.addAdornment("mouseHover", nodeHoverAdornment);
}

        },
       $go(go.Panel, "Horizontal",{alignment:go.Spot.Left,margin:5},
				  $go(go.Picture,Image,
				  {
					  desiredSize: new go.Size(20, 20),
				  }),

		  $go(go.TextBlock,
			{ margin: 5, editable: true,stroke:"White",wrap:go.TextBlock.WrapFit,width:120,font:"12px sans-serif" },
			// user can edit node text by clicking on it
			new go.Binding("text", "text").makeTwoWay())

	   )

	 )
    )

Adornment Code:-

nodeHoverAdornment =
$go(go.Adornment, "Spot",
{
background: "transparent",
// hide the Adornment when the mouse leaves it
mouseLeave: function(e, obj) {
var ad = obj.part;
ad.adornedPart.removeAdornment("mouseHover");
ad.adornedPart.isSelected=false;
}
},
$go(go.Placeholder,
{
background: "transparent"
}),
$go("Button",
{ alignment: go.Spot.TopRight, alignmentFocus: go.Spot.TopRight,background:"transparent" },
{ click: function(e, obj) { mainDiagram.commandHandler.deleteSelection();} },
$go(go.Picture,DeleteImageStaticResource,
{
desiredSize: new go.Size(10, 10)
}
)
)
);

Please help. Thanks in Advance.

Posts: 8

Participants: 2

Read full topic