menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Namespace Syncfusion.Blazor.Diagram - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Namespace Syncfusion.Blazor.Diagram

    Classes

    AlignmentMode

    Defines how the specified selected items are aligned when calling the align command.

    AlignmentOptions

    Defines how the selected objects should be positioned.

    Annotation

    Defines the textual content of nodes/connectors.

    AnnotationAlignment

    It specifies the alignment of the diagram elements based on its immediate parent.

    AnnotationConstraints

    Enables or disables certain features and behaviors of the annotations.

    AnnotationRotationReference

    Specifies how the annotation should rotate in relation to the node.

    AutoScrollChangeEventArgs

    Provides information about the OnAutoScrollChange event callback.

    BackgroundStyle

    Represents the characteristics of the background of the diagram.

    BasicShape

    Gets or sets the behavior of the basic shape.

    BezierConnectorSettings

    Represents the settings for a Bezier connector, which defines the appearance and behavior of the connector's curved segments.

    BezierSegment

    Represents the bezier segment of the connector.

    BezierSegmentEditOrientation

    Specifies the orientation for editing mode of the intermediate point of two bezier segment

    BezierSmoothness

    Specifies the smoothness between the neighboring bezier segments.

    BoundaryConstraints

    Allows users to specify the region of the diagram in which they can interact with it.

    BpmnActivity

    Represents the work that a company or organization performs in a business process using a node in the diagram.

    BpmnActivityType

    Specifies the type of BpmnActivity.

    BpmnDataObject

    Represents the flow of data through the process in the diagram.

    BpmnDataObjectType

    Specifies the type of BpmnDataObject.

    BpmnDataStore

    Represents the storing or access of data associated with business processs.

    BpmnEvent

    Represents with circle shape that describe something happended during the course of a process.

    BpmnEventTrigger

    Specifies type of triggers in BpmnEvent.

    BpmnEventType

    Specifies the type of BpmnEvent.

    BpmnExpandedSubProcess

    Represents the Expanded SubProcess that exposes its flow details with in the context of its parent process.

    BpmnFlow

    Represents the elements that are connected together to form a complete process flow in the diagram.

    BpmnFlowType

    Specifies the type of BpmnFlow.

    BpmnGateway

    Represents the control as well as merge and split the process flow in the diagram.

    BpmnGatewayType

    Specifies the type of BpmnGateway.

    BpmnLoopCharacteristic

    Specifies the LoopCharacteristics of BpmnActivity/BpmnExpandedSubProcess.

    BpmnMessage

    Represents the transferring of information into or out of an Activity in the diagram.

    BpmnSubProcessType

    Specifies the Boundary.

    BpmnTaskType

    Specifies the type of the task in BpmnActivity.

    BpmnTextAnnotation

    Represents the information about the any Bpmn element in the diagram.

    BranchDirection

    Defines the different branch directions available for Type when using Flowchart.

    BranchType

    Defines the Alignment position

    ClickEventArgs

    Notifies when clicking on an object or diagram.

    CollectionChangedAction

    Specifies whether an object is added/removed from the diagram.

    CollectionChangedEventArgs

    Notifies while the node/connector is added or removed from the diagram.

    CollectionChangingEventArgs

    Notifies before the node/connector is added or removed from the diagram.

    CommandKeyArgs

    Notifies when to execute the custom keyboard commands .

    CommandManager

    Defines the collection of commands and the corresponding key gestures. It is responsible for managing routed commands.

    CommonController

    Represents the class for all common tools.

    CommonElement

    The basic UI building blocks in a diagram node or connector are elements. To create a node or connector, multiple elements can be combined

    ConnectionChangedEventArgs

    Notifies when the connector’s source id or target id has changed.

    ConnectionChangingEventArgs

    Notifies before the connector’s source id or target id has changing.

    ConnectionController

    Represents the class that helps to connect the connector with the node.

    ConnectionObject

    Specifies the source and the target details of the connector.

    Connector

    A line which represents the relationship between two points, nodes, or ports.

    ConnectorConstraints

    Enables or disables certain behaviors and features of the connectors.

    ConnectorDrawingController

    Represents the class that is used to draw a connector.

    ConnectorFixedUserHandle

    Represents the connector fixed user handle.

    ConnectorSegment

    Represents the segment of the connector.

    ConnectorSegmentType

    Specifies the segment type of the connector.

    ConnectorShape

    Represents the shape of the connector.

    Container

    Represents a graphical element used to visually group logically related diagram elements on a page.

    ContainerHeader

    Represents the header for a Container, providing additional details such as a title, label, or other descriptive information.

    ContextMenuItem

    Represents the context menu item model.

    ContextMenuSettings

    Represents a shortcut menu

    ControlPointsVisibility

    Specifies the visibility options for control points in a Bezier curve.

    DataSourceSettings

    DataSourceSettings is used to specify the data source and defines how the parent and child relationship will be generated in the layout. It is applicable only when the layout is used.

    DecoratorSettings

    Represents the shape of the end points of the connector.

    DecoratorShape

    Specifies the decorator shape of the connector.

    DiagramAction

    Stores certain diagram state information that differ based on the usecase. For example, diagram rendering is in progress or any interaction currently in progress.

    DiagramCanvas

    A DiagramCanvas is used to define a plane (DiagramCanvas) and arrange children according to margins.

    DiagramCollapseIcon

    Represents Collapse icon of the node.

    DiagramCollapseIcons

    Specifies the shape of the Collapse Icon.

    DiagramConstraints

    Enables/Disables certain features of the diagram.

    DiagramContainer

    The DiagramContainer is used to group related objects.

    DiagramElement

    The basic UI building blocks in a diagram node or connector are diagram elements. To create a node or connector, multiple DiagramElements can be combined.

    DiagramElementAction

    It specifies the action to be performed in the diagram while interacting.

    DiagramElementMouseEventArgs

    Notifies when the mouse events such as mouse enter, mouse leave, and mouseover are detected.

    DiagramElementTooltip
    DiagramExpandIcon

    Represents Expand icon of the node.

    DiagramExpandIcons

    Specifies the shape of the Expand Icon.

    DiagramExportFormat

    File Format type for export.

    DiagramExportSettings

    Represents the configuration settings for exporting the diagram.

    DiagramFlipMode

    The FlipMode is used to control the behaviour of the flip object.

    DiagramGridLines

    Represents the visual guidance while dragging or arranging the objects.

    DiagramHistoryManager

    Notifies when changes are reverted or restored.

    DiagramHtmlElement

    The basic HTML building blocks in a diagram node are diagram HTML elements. To create a node, multiple diagram HTML elements can be combined.

    DiagramIcon

    Represents icon of the node.

    DiagramInteractions

    Allows the users to customize the selection, zooming, and interaction behavior of the diagram.

    DiagramKeys

    Specifies the key value, on recognition of which the command will be executed.

    DiagramMargin

    Specifies the extra space around the outer boundaries of an element.

    DiagramMenuClickEventArgs

    Notifies when the context menu item gets clicked.

    DiagramMenuOpeningEventArgs

    Notifies before opening context menu

    DiagramMouseEventArgs

    Provides information about current mouse events like mouse down, mouse move, etc.

    DiagramObject

    Represents the class that acts as the base class for the diagram object.

    DiagramObjectCollection<T>

    Represents a dynamic data collection that provides notifications when nodes or connectors or annotations or ports are added, removed, or when the whole list is refreshed.

    DiagramOverviewConstraints

    Specifies the interaction setting (such as the zoom, pan, draw, and tap) enabled or disabled in overview component.

    DiagramPoint

    Represents an ordered pair of integer x- and y-coordinates that defines a point in a two-dimensional plane.

    DiagramPrintExportRegion

    Specifies the region that has to be printed or exported in diagram.

    DiagramPrintSettings

    Represents the configuration settings for printing the diagram.

    DiagramRect

    Represents the width, height and position of a rectangle.

    DiagramRegion

    Specifies the region that has to be fit within the viewport.

    DiagramRuler

    Defines the properties common to both horizontal and vertical rulers for measuring the diagram area.

    DiagramScale

    Indicates whether or not the image should be scaled uniformly.

    DiagramSelectionSettings

    Represents a visual representation of the selected elements. It behaves like a container for single or multiple selected elements.

    DiagramSize

    Describes the size of an object.

    DiagramSvgElement

    The basic native (SVG) building blocks in a diagram node are diagram native elements. To create a node, multiple diagram native elements can be combined.

    DiagramTemplates

    Represents a segment of UI content, implemented as a delegate that writes the content of a node.

    DiagramThickness

    Describes the thickness of a frame around a rectangle.

    DiagramTooltip

    Represents the textual content that appears while the mouse is hovering over a nodes/connectors

    Direction

    Specifies the orthogonal connector's connection segment direction.

    DistributeOptions

    Distribute the options that enable you to place the selected objects on the page at equal intervals from each other.

    DragController

    Represents the class that helps to move (drag) the selected objects.

    DraggingEventArgs

    Notifies when an element drags over another diagram element.

    DragLeaveEventArgs

    Notifies when the element leaves the diagram.

    DragStartEventArgs

    Notifies when the element enters into the diagram from the symbol palette.

    DropEventArgs

    Notifies when the element is dropped from the diagram.

    EndPointChangedEventArgs

    Represents the source and target points of the connector are changed.

    EndPointChangingEventArgs

    Represents before the source and target points of the connector are changing.

    FitMode

    Indicates where an element should be displayed on the viewport relative to the Height and Width of the Diagram elementss in the page

    FitOptions

    Defines how the diagram has to be fit into the viewport

    FixedUserHandle

    Represents the behavior of fixeduserhandle.

    FixedUserHandleAlignment

    Represents the alignment of the FixedUserHandle with respect to its immediate parent.

    FixedUserHandleClickEventArgs

    Notifies when the fixed user handle gets clicked.

    FixedUserHandleController

    Represents the class that is used to handle the fixed user handle events.

    FlipDirection

    Specifies how the diagram elements have to be flipped.

    FlowchartLayoutSettings

    Configures the flow settings for the diagram layout.

    FlowShape

    Specifies the behavior of the flow shape.

    GradientBrush

    Defines a smooth transition from one color to the next while painting the node.

    GradientStop

    Defines the different colors and the regions of color transitions.

    GridType

    Specifies the type of grid lines.

    HistoryAddingEventArgs

    HistoryAddingEventArgs notifies when an entry is added to the undo/redo stack.

    HistoryChangedAction

    Specifies the state of history actions such as undo and redo.

    HistoryChangedEventArgs

    Represents the class which is used to notifies while the changes occurs during undo/redo process.

    HistoryEntry

    Represents the entry of the changed history of an object.

    HistoryEntryBase

    Represents the entry of the changed history of an object.

    HistoryEntryChangeType

    Defines the change type from which the history will be entered.

    HistoryEntryType

    Defines the entry type

    HorizontalAlignment

    Represents the alignment of the diagram elements based on its immediate parent.

    HorizontalGridLines

    Represents the horizontal grid lines of the diagram.

    HorizontalRuler

    Defines the appearance of Horizontal ruler.

    HyperlinkSettings

    Represents a control for creating a link to another Web page.

    ImageAlignment

    Specifies the process of overlaying images of the same scene under different condition of the image.

    ImageElement

    Represents the class that defines a basic image elements.

    ImageShape

    Represents the behavior of the image shape.

    InteractionControllerBase

    Represents the interactive tools.

    KeyboardCommand

    Specifies a command and a key gesture to define when the command should be executed.

    KeyEventArgs

    Notifies while performing the key actions.

    KeyGesture

    Defines a keyboard combination that can be used to invoke a command.

    Lane

    Represents a lane in a swimlane, which is a functional unit or responsible department within a business process.

    Layout

    Represents the class for arranging the nodes and connectors in a tree structure.

    LayoutMargin

    Defines the space between the viewport and the automatic layout.

    LayoutOrientation

    Specifies the orientation of the automatic layout.

    LayoutType

    Specifies the type of the layout that Diagram can be aligned its nodes and connectors.

    LinearGradientBrush

    Represents the class that defines to paints the node with linear color transitions

    LineRoutingSettings

    Represents settings for customizing line routing in the diagram.

    ModifierKeys

    Specifies a combination of key modifiers, on recognition of which the command will be executed.

    MouseButtons

    Defines the value that specifies the buttons on a mouse device.

    Node

    Represents the shape that is used to visualize geometrical information.

    NodeBase

    Represents the common behavior of nodes, connectors, and groups.

    NodeBasicShapes

    Represents the available built-in basic shapes.

    NodeConstraints

    Specifies the node constraints allow the users to enable or disable certain behaviors and features of the diagram nodes.

    NodeDrawingController

    Represents the class that is used to draw a node that is defined by the user.

    NodeFixedUserHandle

    Represents the node’s fixed user handle.

    NodeFlowShapes

    Specifies the type of process flow shape.

    NodeGroup

    Represents a cluster of multiple nodes and connectors into a single element. It acts like a container for its children (nodes, groups, and connectors).

    NodeShapes

    Specifies the type of node.

    Orientation

    Representing the placement of child elements in a vertical or horizontal stack

    OrthogonalSegment

    Represents how an orthogonal segment can be created with length and direction.

    PageMargin

    Represents the margin of the diagram page.

    PageOrientation

    Defines the orientation of the Page

    PageSettings

    Specifies how to customize the appearance, width, and height of the diagram page.

    PathAnnotation

    Represents the block of text displayed over the connector.

    PathElement

    Represents the class which defines how to align the path based on offsetX and offsetY.

    PathShape

    Draws a series of connected lines and curves.

    Phase

    Represents a phase is the subprocess which will split each lanes as horizontally or vertically based on the Swimlane orientation.

    PointPort

    Defines the behavior of a port (connection point) that sticks to a point.

    PolygonDrawingController

    Represents the class that is used to draw a polygon shape node dynamically using the polygon Tool.

    PolylineDrawingController

    Represents the class that is used to draw a polyline connector dynamically using the PolyLine Drawing Tool.

    Port

    Represents a port or connection point of the node.

    PortConnectionDirection

    Represents the allowed direction for connections to the port.

    PortConstraints

    Enables or disables certain features of the port.

    PortShapes

    Specifies the shape of the ports.

    PortVisibility

    Represents the visibility options of the port.

    PositionChangedEventArgs

    Notifies when the node or connector is dragged or its position is changed.

    PositionChangingEventArgs

    Notifies before the node or connector is dragging or its position is changing.

    PropertyChangedEventArgs

    Provides data for the PropertyChanged event.

    RadialGradientBrush

    Represents the focal point that defines the beginning of the gradient and a circle that defines the endpoint of the gradient

    RelativeMode

    Specifies the relative mode.

    ResizeController

    Represents the class that helps to scale the selected objects.

    RotationChangedEventArgs

    RotationChangedEventArgs notifies when the node/connector are rotated

    RotationChangingEventArgs

    RotationChangingEventArgs notifies before the node/connector are rotating

    RotationController

    Represents the class that helps to rotate the selected objects.

    RoutingTypes

    Specifies the types of Routing.

    RubberBandSelectionMode

    Defines how to handle the selected items via rubber band selection.

    RulerSettings

    Controls the visibility of horizontal and vertical rulers and allows customization of their appearance.

    ScrollChangedEventArgs

    ScrollChangedEventArgs notifies when the scroller has changed

    ScrollLimitMode

    Defines the scrollable region of the diagram.

    ScrollSettings

    Sets the diagram's current zoom value, zoom factor, scroll state, and viewport size.

    SegmentCollectionChangeEventArgs

    SegmentCollectionChangeEventArgs notifies while the segment of the connectors changes

    SegmentThumbSettings

    Represents the settings for a segment thumb, including its shape, for connector segments.

    SegmentThumbShapes

    Defines the segmentThumb shape of the connector

    SelectionChangedEventArgs

    Notifies when select or deselect any objects from the diagram.

    SelectionChangingEventArgs

    Notifies before the select or deselect any objects from the diagram.

    SelectionController

    Represents the class that helps to select the objects.

    SelectorConstraints

    Enables or disables certain behaviors and features of the selector.

    SfDiagramComponent

    Renders the diagram. It contains all the properties of the diagram to be rendered.

    Shadow

    Represents the shadow appearance of the diagram object.

    Shape

    Defines the behavior of shape.

    ShapeAnnotation

    Defines the textual description of nodes/connectors with respect to bounds Represents the block of text displayed over the node.

    ShapeStyle

    Represents the appearance of a shape/path.

    SizeChangedEventArgs

    Notifies when the element is resized.

    SizeChangingEventArgs

    Notifies when the element is resizing.

    SizingMode

    Specifies how to equally size the selected nodes with respect to the first selected object.

    SnapConstraints

    Enables or disables certain features of snapping.

    SnapSettings

    Customizes and controls the grid lines and the snap behavior of the diagram.

    StackPanel

    Represents the class that arranges child elements into a single line that can be oriented horizontally or vertically.

    StraightSegment

    Represents how a straight segment can be created for a connector.

    SubTreeAlignmentType

    Specifies the collection of sub tree alignments in an organizational chart.

    Swimlane

    Represents a swimlane in a diagram, which acts as a container for multiple nodes, connectors, and groups.

    SwimlaneChild

    Represents a base class for Header, Phase, and Lane within a swimlane.

    SwimlaneHeader

    Represents the header of a swimlane, phase, or lane.

    TextAlign

    Represents the alignment of the text inside the text block.

    TextAnnotationDirection

    Specifies the directions of the BpmnTextAnnotation from its target.

    TextChangeEventArgs

    Notifies when the label of an element undergoes editing.

    TextDecoration

    Represents the decoration of a text in the text block.

    TextElement

    Represents the text element which is used to display text or annotations.

    TextOverflow

    Specifies a value that indicates whether to render ellipses (...) to indicate text overflow.

    TextShape

    Represents the TextShape allows the user to draw node in the diagram with the shape of text based on the user’s preference

    TextStyle

    Represents the appearance of the text.

    TextWrap

    Specifies how to control the overflow of text in the node boundaries. The wrapping property defines how to wrap the text.

    TickAlignment

    Controls the alignment of ticks on the ruler.

    TreeInfo

    Represents the behavior and appearance of the tree.

    UnitMode

    Specifies the type of unit mode.

    UserHandle

    Represents how to execute the commonly or frequently used commands around the nodes, connectors and groups.

    Vector

    Describes the length and angle between the control point and the start point of the bezier segment.

    VerticalAlignment

    Represents the alignment of the diagram elements based on its immediate parent.

    VerticalGridLines

    Represents the vertical grid lines of the diagram.

    VerticalRuler

    Defines the appearance of Vertical ruler.

    VisibleTarget

    Specifies whether the userhandle is visible for Node or Connector.

    Interfaces

    IDiagramObject

    Represents the class that is the base class for all the diagram objects, and it is used to handle common actions like property changes in any diagram object.

    IDiagramPrintExportSettings

    Represents the common configuration settings for printing and exporting the diagram.

    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved