Class SelectorConstraints

Specifies the visibility of the selector handles.

Inheritance
System.Object
SelectorConstraints
Namespace: Syncfusion.Blazor.Diagrams
Assembly: Syncfusion.Blazor.dll
Syntax
public sealed class SelectorConstraints : Enum
Remarks
To know more about using the selector constraints, refer to this link
1. Constraints
2. User handles
To apply UserHandle selector constraints, use the below code.
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 userhandle 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 visibility for the user handle
           Visible = true,
           //Set the position for the user handle
           Offset = 0,
           //Set side based on the given offset
           Side = Side.Bottom,
           //set margin for the user handle
           Margin = new DiagramUserHandleMargin() { Top = 0, Bottom = 0, Left = 0, Right = 0 }
       };
       //Add user handle to the collection...
       UserHandles = new ObservableCollection<DiagramUserHandle>()
       {
           CloneHandle
       };
       SelectedModel = new Syncfusion.Blazor.Diagrams.DiagramSelectedItems()
       {
           //Enable userhandle 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" },
           Annotations = new ObservableCollection<DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Node" } }
       };
       NodeCollection.Add(DiagramNode);
   }
}

Fields

All

Shows all handles of the selector.

Declaration
public const SelectorConstraints All
Field Value
Type Description
SelectorConstraints

ConnectorSourceThumb

Shows the source thumb of the connector.

Declaration
public const SelectorConstraints ConnectorSourceThumb
Field Value
Type Description
SelectorConstraints

ConnectorTargetThumb

Shows the target thumb of the connector.

Declaration
public const SelectorConstraints ConnectorTargetThumb
Field Value
Type Description
SelectorConstraints

None

Hides all the selector elements.

Declaration
public const SelectorConstraints None
Field Value
Type Description
SelectorConstraints

ResizeAll

Shows all resize handles of the selector.

Declaration
public const SelectorConstraints ResizeAll
Field Value
Type Description
SelectorConstraints

ResizeEast

Shows the middle right resize handle of the selector.

Declaration
public const SelectorConstraints ResizeEast
Field Value
Type Description
SelectorConstraints

ResizeNorth

Shows the top center resize handle of the selector.

Declaration
public const SelectorConstraints ResizeNorth
Field Value
Type Description
SelectorConstraints

ResizeNorthEast

Shows the top right resize handle of the selector.

Declaration
public const SelectorConstraints ResizeNorthEast
Field Value
Type Description
SelectorConstraints

ResizeNorthWest

Shows the top left resize handle of the selector.

Declaration
public const SelectorConstraints ResizeNorthWest
Field Value
Type Description
SelectorConstraints

ResizeSouth

Shows the bottom center resize handle of the selector.

Declaration
public const SelectorConstraints ResizeSouth
Field Value
Type Description
SelectorConstraints

ResizeSouthEast

Shows the bottom right resize handle of the selector.

Declaration
public const SelectorConstraints ResizeSouthEast
Field Value
Type Description
SelectorConstraints

ResizeSouthWest

Shows the bottom left resize handle of the selector.

Declaration
public const SelectorConstraints ResizeSouthWest
Field Value
Type Description
SelectorConstraints

ResizeWest

Shows the middle left resize handle of the selector.

Declaration
public const SelectorConstraints ResizeWest
Field Value
Type Description
SelectorConstraints

Rotate

Shows the rotate handle of the selector.

Declaration
public const SelectorConstraints Rotate
Field Value
Type Description
SelectorConstraints

ToolTip

Shows the default tooltip of nodes and connector.

Declaration
public const SelectorConstraints ToolTip
Field Value
Type Description
SelectorConstraints

UserHandle

Shows the user handles of the selector.

Declaration
public const SelectorConstraints UserHandle
Field Value
Type Description
SelectorConstraints

value__

Declaration
public int value__
Field Value
Type Description
System.Int32