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.