Class DiagramNodeFixedUserHandle

Represents a customizable handle that can be used to perform custom actions.

Inheritance
System.Object
SfDiagramBase
Syncfusion.Blazor.Diagrams.Internal.FixedUserHandle
DiagramNodeFixedUserHandle
Inherited Members
Namespace: Syncfusion.Blazor.Diagrams
Assembly: Syncfusion.Blazor.dll
Syntax
public class DiagramNodeFixedUserHandle : FixedUserHandle
Examples
The user handles are icons that are placed around the node or connector to run the frequently used commands. 
  
<SfDiagram Height="600px" Connectors="@ConnectorCollection">
</SfDiagram>
@code
{
   //Defines diagram's connector collection
   public ObservableCollection<DiagramConnector> ConnectorCollection = new ObservableCollection<DiagramConnector>();
   protected override void OnInitialized()
   {
    DiagramConnector DiagramConnector = new DiagramConnector()
    {
      SourcePoint = new ConnectorSourcePoint() { X = 100, Y = 100 },
      TargetPoint = new ConnectorTargetPoint() { X = 200, Y = 200 },
      //Specify the segments types as straight.
      Type = Segments.Straight,
      Constraints = ConnectorConstraints.Default | ConnectorConstraints.Tooltip,
      //Defines mouse over tooltip for a connector
      Tooltip = new ConnectorTooltip()
      {
        //Sets the content of the tooltip
        Content = "Connector1",
        //Sets the position of the tooltip
        Position = Syncfusion.Blazor.Popups.Position.BottomRight,
        //Sets the tooltip position relative to the connector
        RelativeMode = TooltipRelativeMode.Object
      }
    };
   ConnectorCollection.Add(DiagramConnector);
  }
 }

Constructors

DiagramNodeFixedUserHandle()

Represents a customizable handle that can be used to perform custom actions.

Declaration
public DiagramNodeFixedUserHandle()

Properties

Margin

Specifies the space that the fixed user handle has to be moved from its actual position

Declaration
public UserHandleMargin Margin { get; set; }
Property Value
Type Description
UserHandleMargin
Examples
  
   FixedUserHandles = new ObservableCollection<DiagramNodeFixedUserHandle>()
        {
          new DiagramNodeFixedUserHandle() { Id = "user1", Height = 20, Width = 20, Visibility = true,Margin = new UserHandleMargin() { Right = 20, Bottom = 20 }, Offset = new IconOffset() { X = 1, Y = 0 },CornerRadius = 4, 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" }
        },

Offset

Specifies the position of the node fixed user handle.

Declaration
public UserHandleOffset Offset { get; set; }
Property Value
Type Description
UserHandleOffset