Class DiagramUserHandleMargin
Represents the space around the user handle.
Inherited Members
Namespace: Syncfusion.Blazor.Diagrams
Assembly: Syncfusion.Blazor.dll
Syntax
public class DiagramUserHandleMargin : DiagramMargin
Examples
<SfDiagram Height="600px" Nodes="@NodeCollection" SelectedItems="@SelectedModel">
</SfDiagram>
@code{
// Defines diagram's nodes collection
public ObservableCollection<DiagramNode> NodeCollection { get; set; }
// Defines diagram's SelectedItems
public Syncfusion.Blazor.Diagrams.DiagramSelectedItems SelectedModel { get; set; }
ObservableCollection<DiagramUserHandle> UserHandles { get; set; }
protected override void OnInitialized()
{
//Creating the user handle for cloning the objects
DiagramUserHandle CloneHandle = new DiagramUserHandle()
{
//Name of the user handle
Name = "clone",
//Set pathdata for userhandle
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",
//set margin to the user handle
Margin = new DiagramUserHandleMargin() { Top = 10, Bottom = 10, Left = 20, Right = 0 }
};
//Add user handle to the user handle collection
UserHandles = new ObservableCollection<DiagramUserHandle>()
{
CloneHandle
};
SelectedModel = new Syncfusion.Blazor.Diagrams.DiagramSelectedItems()
{
//Enable user handle for selected items...
Constraints = SelectorConstraints.UserHandle,
UserHandles = this.UserHandles
};
NodeCollection = new ObservableCollection<DiagramNode>();
DiagramNode DiagramNode = new DiagramNode()
{
Id = "node1",
OffsetX = 100,
OffsetY = 100,
Width = 100,
Height = 100,
Style = new NodeShapeStyle() { Fill = "#659be5", StrokeColor = "none" },
};
NodeCollection.Add(DiagramNode);
}
}
}
Constructors
DiagramUserHandleMargin()
Represents the space around the user handle.
Declaration
public DiagramUserHandleMargin()