Hi Manuel,
We have created a sample with two userhandles (clone and delete handles) and shown the different userhandles for node and connector in the selectionChange event. Please refer to the below code example and sample.
Code example:
private void SelectionChange(IBlazorSelectionChangeEventArgs args)
{
if (args.State == EventState.Changed)
{
if (args.NewValue.Nodes.Count > 0)
{
// enable clone user handle for nodes...
SelectedModel.UserHandles[1].Visible = false;
SelectedModel.UserHandles[0].Visible = true;
}
else if (args.NewValue.Connectors.Count > 0)
{
// enable delete user handle for connectors...
SelectedModel.UserHandles[0].Visible = false;
SelectedModel.UserHandles[1].Visible = true;
}
}
}
//To defining a userhandles...
DiagramUserHandle cloneHandle = new DiagramUserHandle()
{
Name = "clone",
PathData = "M60.3,18H27.5c-3,0-5.5,2.4-5.5,5.5v38.2h5.5V23.5h32.7V18z M68.5,28.9h-30c-3,0-5.5,2.4-5.5,5.5v38.2c0,3,2.4,5.5,5.5,5.5h30c3,0,5.5-2.4,5.5-5.5V34.4C73.9,31.4,71.5,28.9,68.5,28.9z M68.5,72.5h-30V34.4h30V72.5z",
Visible = true,
Offset = 0,
Side = Side.Bottom,
Margin = new DiagramUserHandleMargin() { Top = 0, Bottom = 0, Left = 0, Right = 0 },
};
DiagramUserHandle deleteHandle = new DiagramUserHandle()
{
Name = "delete",
PathData = "M 7.04 22.13 L 92.95 22.13 L 92.95 88.8 C 92.95 91.92 91.55 94.58 88.76 96.74 C 85.97 98.91 82.55 100 78.52 100 L 21.48 100 C 17.45 100 14.03 98.91 11.24 96.74 C 8.45 94.58 7.04 91.92 7.04 88.8 z M 32.22 0 L 67.78 0 L 75.17 5.47 L 100 5.47 L 100 16.67 L 0 16.67 L 0 5.47 L 24.83 5.47 z",
Visible = true,
Offset = 0,
Side = Side.Bottom,
Margin = new DiagramUserHandleMargin() { Top = 0, Bottom = 0, Left = 0, Right = 0 }
};
SelectedModel = new Syncfusion.EJ2.Blazor.Diagrams.DiagramSelectedItems()
{
Constraints = SelectorConstraints.UserHandle,
UserHandles = new ObservableCollection<DiagramUserHandle>() { cloneHandle, deleteHandle }
};
Regards,
Naganathan K G
