Class NudgeDirection

Specifies the direction in which the selected element must be moved during nudge operation.

Inheritance

System.Object

NudgeDirection

Namespace: Syncfusion.Blazor.Diagrams

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class NudgeDirection : Enum

Remarks

To know more about using nudging direction, refer to these links

1. Commands

2. DiagramMethods

To apply nudging direction, use the below code.

Examples

DiagramMethods
<input type = "button" value="Nudge Left" @onclick="@OnNudgeLeft">
<input type = "button" value="Nudge Right" @onclick="@OnNudgeRight">
<input type = "button" value="Nudge Top" @onclick="@OnNudgeTop" />
<input type = "button" value="Nudge Bottom" @onclick="@OnNudgeBottom" />
<SfDiagram @ref = "@Diagram" Height="600px" Nodes="@NodeCollection" Connectors="@ConnectorCollection">
</SfDiagram>
@code {
   /// reference of the diagram
   SfDiagram Diagram;
   /// To define node collection
   public ObservableCollection<DiagramNode> NodeCollection = new ObservableCollection<DiagramNode>();
   ///Defines diagram's connector collection
   public ObservableCollection<DiagramConnector> ConnectorCollection = new ObservableCollection<DiagramConnector>();
   protected override void OnInitialized()
   {
       /// A node is created and stored in nodes collection.
       DiagramNode Node1 = new DiagramNode()
       {
           Id = "Node1",
           /// Position of the node
           OffsetX = 250,
           OffsetY = 250,
           /// Size of the node
           Width = 100,
           Height = 100,
           Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" }
       };
       /// Add node
       NodeCollection.Add(Node1);
       DiagramConnector Connector1 = new DiagramConnector()
       {
           Id = "Connector1",
           SourcePoint = new ConnectorSourcePoint() { X = 100, Y = 100 },
           TargetPoint = new ConnectorTargetPoint() { X = 200, Y = 200 },
           TargetDecorator = new ConnectorTargetDecorator()
           {
               Shape = DecoratorShapes.Arrow,
               Style = new DecoratorShapeStyle() { Fill = "#6f409f", StrokeColor = "#6f409f", StrokeWidth = 1 }
           },
           Style = new ConnectorShapeStyle() { StrokeColor = "#6f409f", StrokeWidth = 1 },
           Type = Segments.Orthogonal
       };
       ConnectorCollection.Add(Connector1);
   }
   public void OnNudgeLeft()
   {
       /// Selected objects move one step to left
       Diagram.Nudge(NudgeDirection.Left);
   }
   public void OnNudgeRight()
   {
       /// Selected objects move one step to right
       Diagram.Nudge(NudgeDirection.Right);
   }
   public void OnNudgeTop()
   {
       /// Selected objects move one step to top
       Diagram.Nudge(NudgeDirection.Up);
   }
   public void OnNudgeBottom()
   {
       /// Selected objects move one step to bottom
       Diagram.Nudge(NudgeDirection.Down);
   }
}

Fields

Down

Nudge the object in the down direction.

Declaration

public const NudgeDirection Down

Field Value

Type	Description
NudgeDirection

Left

Nudge the object in the left direction.

Declaration

public const NudgeDirection Left

Field Value

Type	Description
NudgeDirection

Right

Nudge the object in the right direction.

Declaration

public const NudgeDirection Right

Field Value

Type	Description
NudgeDirection

Up

Nudge the object in the up direction.

Declaration

public const NudgeDirection Up

Field Value

Type	Description
NudgeDirection

value__

Declaration

public int value__

Field Value

Type	Description
System.Int32