Blazor

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

    Show / Hide Table of Contents

    Class DiagramBpmnAnnotation

    Represents to connect an annotation element to the BPMN node.

    Inheritance
    System.Object
    SfDiagramBase
    DiagramBpmnAnnotation
    Inherited Members
    SfDiagramBase.UpdateCollection(IList, Boolean)
    SfDiagramBase.RandomString(Int32)
    Namespace: Syncfusion.Blazor.Diagrams
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class DiagramBpmnAnnotation : SfDiagramBase
    Remarks
    A BPMN object can be associated with a text annotation that does not affect the flow but gives details about objects within a flow. The annotation element can be switched from a BPMN node to another BPMN node simply by dragging the source end of the annotation connector into the other BPMN node.
    Examples
    <SfDiagram Height="600px" Nodes="@NodeCollection">
    </SfDiagram>
    @code{
      //Initialize the node collection with node
      ObservableCollection<DiagramNode> NodeCollection = new ObservableCollection<DiagramNode>()
      {
         new DiagramNode()
         {
            //Position of the node
            OffsetX = 100,
            OffsetY = 100,
            //Size of the node
            Width = 100,
            Height = 100,
            //Unique Id of the node
            Id = "node1",
            //Sets type as BPMN and shape as DataObject
            Shape = new DiagramShape()
            {
              Type = Shapes.Bpmn,
              BpmnShape=BpmnShapes.DataObject,
              //Sets collection as true when Dataobject is not a Single instance
              DataObject=new DiagramBpmnDataObject()
              {
                Collection=true,
                Type=BpmnDataObjects.Input
              }
             },
             //Sets the id, angle, and text for the annotation
             Annotations=new ObservableCollection<DiagramNodeAnnotation>()
             {
             new DiagramNodeAnnotation()
             {
                Id="Left",
                RotateAngle=45,
                Content="Left"
              }
            }
         },
       };
     }

    Constructors

    DiagramBpmnAnnotation()

    Represents to connect an annotation element to the BPMN node.

    Declaration
    public DiagramBpmnAnnotation()

    Properties

    Angle

    Sets the angle between the BPMN shape and the annotation.

    Declaration
    public double Angle { get; set; }
    Property Value
    Type Description
    System.Double

    Height

    Sets the height of the text annotation.

    Declaration
    public double Height { get; set; }
    Property Value
    Type Description
    System.Double

    Id

    Sets the id of the BPMN sub event.

    Declaration
    public string Id { get; set; }
    Property Value
    Type Description
    System.String

    Length

    Specifies the distance between the Bpmn shape and the annotation.

    Declaration
    public double Length { get; set; }
    Property Value
    Type Description
    System.Double

    Text

    Specifies the additional information about the flow object in a BPMN process.

    Declaration
    public string Text { get; set; }
    Property Value
    Type Description
    System.String

    Width

    Sets the width of the text annotation.

    Declaration
    public double Width { get; set; }
    Property Value
    Type Description
    System.Double
    Back to top Generated by DocFX
    Copyright © 2001 - 2023 Syncfusion Inc. All Rights Reserved