Blazor

Upgrade Guide User Guide Demos Support Forums Download
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class DiagramNodeFixedUserHandle - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    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
    SfDiagramBase.UpdateCollection(IList, Boolean)
    SfDiagramBase.RandomString(Int32)
    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
    Back to top Generated by DocFX
    Copyright © 2001 - 2021 Syncfusion Inc. All Rights Reserved