Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class Shapes

    Show / Hide Table of Contents

    Class Shapes

    Specifies the type of a node.

    Inheritance
    System.Object
    Shapes
    Namespace: Syncfusion.Blazor.Diagrams
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public sealed class Shapes : Enum
    Remarks
    To know more about using the Shapes, refer to this link
    1. Bpmn
    2. DiagramMethods
    3. Shapes
    To apply text shape to a node, use the below code.
    Examples
    <SfDiagram Height="600px" Nodes="@NodeCollection">
    </SfDiagram>
    @code{
        //Initialize node collection with node
        ObservableCollection<DiagramNode> NodeCollection = new ObservableCollection<DiagramNode>()
        {
           //Creates a text node
            new DiagramNode()
            {
                Id="node1",
                // Size of the node
                Height=100,
                Width=100,
                // Position of the node
                OffsetX=100,
                OffsetY=100,
                //Sets type of the shape as text
                Shape=new DiagramShape(){Type=Shapes.Text,Content="Text Node"}
            }
        };
    }

    Fields

    Basic

    Sets the node as Basic.

    Declaration
    public const Shapes Basic
    Field Value
    Type Description
    Shapes

    Bpmn

    Sets the node as Bpmn.

    Declaration
    public const Shapes Bpmn
    Field Value
    Type Description
    Shapes

    Flow

    Sets the node as Flow.

    Declaration
    public const Shapes Flow
    Field Value
    Type Description
    Shapes

    HTML

    Sets the node as HTML.

    Declaration
    public const Shapes HTML
    Field Value
    Type Description
    Shapes

    Image

    Sets the node as Image.

    Declaration
    public const Shapes Image
    Field Value
    Type Description
    Shapes

    Native

    Sets the node as Native.

    Declaration
    public const Shapes Native
    Field Value
    Type Description
    Shapes

    Path

    Sets the node as Path.

    Declaration
    public const Shapes Path
    Field Value
    Type Description
    Shapes

    SwimLane

    Sets the node as SwimLane.

    Declaration
    public const Shapes SwimLane
    Field Value
    Type Description
    Shapes

    Text

    Sets the node as Text.

    Declaration
    public const Shapes Text
    Field Value
    Type Description
    Shapes

    UmlActivity

    Sets the node as a UmlActivity.

    Declaration
    public const Shapes UmlActivity
    Field Value
    Type Description
    Shapes

    UmlClassifier

    Sets the node as a UmlClassifier.

    Declaration
    public const Shapes UmlClassifier
    Field Value
    Type Description
    Shapes

    value__

    Declaration
    public int value__
    Field Value
    Type Description
    System.Int32
    Back to top Generated by DocFX
    Copyright © 2001 - 2023 Syncfusion Inc. All Rights Reserved