Blazor

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

    Show / Hide Table of Contents

    Class DiagramUserHandleMargin

    Represents the space around the user handle.

    Inheritance
    System.Object
    SfDiagramBase
    DiagramMargin
    DiagramUserHandleMargin
    Inherited Members
    DiagramMargin.Bottom
    DiagramMargin.Left
    DiagramMargin.Right
    DiagramMargin.Top
    SfDiagramBase.UpdateCollection(IList, Boolean)
    SfDiagramBase.RandomString(Int32)
    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()
    Back to top Generated by DocFX
    Copyright © 2001 - 2021 Syncfusion Inc. All Rights Reserved