Class FlipDirection

Specifies how the diagram elements have to be flipped.

Inheritance

System.Object

FlipDirection

Namespace: Syncfusion.Blazor.Diagrams

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class FlipDirection : Enum

Remarks

To know more about using flip direction, refer to this link:

1. Connectors

2. Nodes

To apply vertical flip direction, use the below code.

Examples

<SfDiagram Height="600px" Nodes="@NodeCollection">
</SfDiagram>
@code {
   SfDiagram diagram;
   public ObservableCollection<DiagramNode> NodeCollection = new ObservableCollection<DiagramNode>() { };
   protected override void OnInitialized()
   {
       // A node is created and stored in nodes array.
       DiagramNode Node = new DiagramNode()
       {
           // Position of the node
           OffsetX = 250,
           OffsetY = 250,
           // Size of the node
           Width = 100,
           Height = 100,
           Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" },
           // Flip the node in Vertical Direction
           Flip = FlipDirection.Vertical,
           Shape = new DiagramShape()
           {
               Type = Syncfusion.Blazor.Diagrams.Shapes.Basic,
               BasicShape = BasicShapes.Triangle
           }
       };
       // Add node
       NodeCollection.Add(Node);
   }
}

Fields

Both

Flip the diagram shape to both horizontally and vertically.

Declaration

public const FlipDirection Both

Field Value

Type	Description
FlipDirection

Horizontal

Flip the diagram shape horizontally.

Declaration

public const FlipDirection Horizontal

Field Value

Type	Description
FlipDirection

None

No flip will be applied and this is the default value.

Declaration

public const FlipDirection None

Field Value

Type	Description
FlipDirection

value__

Declaration

public int value__

Field Value

Type	Description
System.Int32

Vertical

Flip the diagram shape vertically.

Declaration

public const FlipDirection Vertical

Field Value

Type	Description
FlipDirection