Namespace Syncfusion.Blazor.Diagrams
Classes
Actions
Specifies a custom cursor action in diagram. |
AlignmentMode
It allows the user to the alignment of the selected objects based on the first object in the selector or entire selector bounds. |
AlignmentOptions
It allows the user to define the alignment position for the selected objects. |
AnnotationAlignment
Specifies how the diagram elements must be aligned based on its immediate parent. |
AnnotationConstraints
Annotation constraints control the features and behaviors of the annotations. |
AnnotationStyle
Represents the annotation style for an object. |
AnnotationType
Specifies the type of annotation template. |
AnnotationTypes
It allows the user to define the type of annotation. |
AssistantsDetails
Represents the details of the assistants in an organizational chart. |
AssociationFlow
Specifies the direction to the UML connectors. |
AutoScrollMargin
Specifies the maximum distance to be left between the object and the scroll bar to trigger auto-scrolling. |
AutoScrollPadding
Specifies the maximum distance to be left between the object and edge of the page. |
BasicShapeMargin
Specifies the space around the basic shape. |
BasicShapes
Specifies the common shapes that are used to represent information visually. |
BlazorConnectionObject
Represent the source node or target of the connector. |
BoundaryConstraints
It allows the users to set the region to allow interaction with the diagram. |
Bounds
Defines the properties of the layout bounds. |
BpmnActivities
The BPMN activity is a task performed in a business process and it is represented by a rounded rectangle. |
BpmnAssociationFlows
The Association is used to link flow objects. It is denoted by a dotted line representation. |
BpmnBoundary
The boundary represents the type of task that is being processed. The boundary property of subprocess allows you to define the type of boundary. |
BpmnDataObjects
A data object represents the information flowing throughout the BPMN process. This enumeration defines the type of Data object to be set in the BPMN shape. |
BpmnEvents
A common BPMN process model element that represents some happening during a business process is an Event. |
BpmnFlows
BpmnFlows are used as connection(links) between Bpmn Flow objects. |
BpmnGateways
The Gateway controls the flow of a process and it is represented by a diamond shape. This enumeration defines the type of gateway to be set in the BPMN shape. |
BpmnLoops
The loop property of a task allows the user to define the type of loop. Loop is a task looped internally. Loops can be set to both tasks and subprocesses. |
BpmnMessageFlows
A Message flow shows the flow of messages between two participants, represented by a dashed line. |
BpmnSequenceFlows
A Sequence flow represents the order of the activities performed in a BPMN process. It is represented by a solid graphical line. |
BpmnShapes
The graphical representation of the internal business procedure and communicating the procedures in a standard manner is done using BpmnShapes. The BPMN stands for Business Process Model and Notation. |
BpmnSubEventOffset
Represents the position of the sub-event. |
BpmnSubProcessTypes
A group of tasks that are used to hide or reveal details of additional levels using the Collapsed property are known as Subprocess. |
BpmnTasks
The Task property allows the users to define the type of task such as sending, receiving, etc.,. |
BpmnTriggers
The Trigger property of the node allows the user to set the type of BPMN trigger. Triggers are notated as icons inside the circle. |
BranchTypes
Allows the user to set the alignment position. |
BridgeDirection
BridgeDirection allows the user to set the bridging (crossover to avoid intersection) direction according to their preference. |
CancelMargin
Represents the space around the cancel port. |
CancelOffset
Represents the position of the cancel port. |
CancelSubEvent
Represents the event within another subprocess. |
ChangedObject
Represents the objects that have changed in the action such as undo, redo. |
ChangedValues
Represents the objects’ position and size properties that have changed in the last action such as undo, redo. |
ChangeType
Specifies whether an object is added/removed from diagram. |
ChildArrangement |
ClassifierShape
Defines the type of UML shapes to be drawn. |
CollapseIconMargin
Represents the space around the CollapseIcon. |
ColorValue
Represents the intensity of the color as an integer between 0 to 225. |
ConnectionDirection
Specifies the directions of the first segment have to be defined in a layout. |
ConnectionPointOrigin |
ConnectionShapes
Specifies the type of BPMN connection to be drawn. |
ConnectorAnnotationDragLimit
It allows the user to limit the dragging of Connector Annotation to a certain distance. |
ConnectorAnnotationMargin
Specifies the space around the connector annotation. |
ConnectorConstraints
The connector constraints allow the users to enable or disable certain behaviors and features of the connectors. |
ConnectorDisplacementPoint
Represents the point where the connector annotation should be positioned from its actual position. |
ConnectorHyperlink
Defines the appearance and properties of the hyperlinks in the connector label. |
ConnectorMargin
Specifies the space around the connector. |
ConnectorSegments
It allows the user to customize the connector segments according to the layout. |
ConnectorShapeStyle
Represents the appearance of the connector. |
ConnectorSourceDecorator
Defines the properties and features of highlighting the connector source point. |
ConnectorSourcePoint
Represents the Point where the source point of the connector should be placed. |
ConnectorTargetDecorator
Defines the properties and features of highlighting the connector’s endpoint. |
ConnectorTargetPoint
Represents the Point where the target point of the connector should be placed. |
ConnectorTooltip
Represents the textual content that appears while the mouse is hovering over a connector. |
ConnectorValue
Represents the source and target id of the connector. |
ContainerTypes
Specifies the container type for the diagram. |
ContextMenuItemModel
Represents the custom context menu items. |
DecoratorPivot
Represents the position (X, Y) of the decorator to the source or target point of the connector. |
DecoratorShapes
Specifies the connector decorator shape of the connector. |
DecoratorShapeStyle
Represents the appearance of the decorator. |
DiagramAction
Specifies to Enables/Disables certain actions of diagram. |
DiagramBackground
Represents the appearance of the diagram background. |
DiagramBeforeMenuOpenEventArgs
Triggers before opening the context menu. |
DiagramBpmnActivity
Represents the task that is performed in a business process. |
DiagramBpmnAnnotation
Represents to connect an annotation element to the BPMN node. |
DiagramBpmnDataObject
Represents the behavior of the Bpmn data object. |
DiagramBpmnEvent
Represents something happens during a business process and it is notated with a circle. |
DiagramBpmnGateway
Represents to control the flow of a process and it is represented as a diamond shape. |
DiagramBpmnSubEvent
Represents the event placed within another subprocess. |
DiagramBpmnSubProcess
This occurs within a process and it is broken down to a finer level of detail. |
DiagramBpmnTask
This occurs within a process and it is not broken down to a finer level of detail. |
DiagramBpmnTransactionSubProcess
Specifies the behavior of the BpmnTransactionSubProcess. |
DiagramClassifierMultiplicity
Represents the behavior of the UMLActivity Classifier Multiplicity connection defaults. |
DiagramClickEventObject
ClickedObject notifies whether it is node or connector. |
DiagramCommand
Specifies a command and a key gesture to define when the command should be executed. |
DiagramCommandManager
Represents to map or bind command execution with the desired combination of key gestures. |
DiagramCommands
Stores n number of actions to perform in the diagram. |
DiagramConnectionDataSource
Represents the Interface for a class ConnectionDataSource. |
DiagramConnector
A path between two points, like nodes or ports. |
DiagramConnectorAnnotation
Represents the block of text displayed over the connector. |
DiagramConnectorFixedUserHandle
Represents a customizable handle that can be used to perform custom actions. |
DiagramConnectorSegment
Specifies the collection connector segment that may have types like Straight, Orthogonal, Beizer. |
DiagramConnectorShape
Defines the shape of the connector. |
DiagramConstraints
Constraints enable or disable certain behaviors of the diagram, nodes, and nodes, etc.,. |
DiagramContextMenuSettings
It is a built-in menu loaded with few features which open when right-clicked. |
DiagramCustomCursor
Represents which type of cursor has to displayed to the specific action. |
DiagramDataMapSetting
Maps the data from the data source to the diagram layout nodes. |
DiagramDataMapSettings
Specifies to Mapping the collection of local data to Data Source fields. |
DiagramDataSource
Acts as a repository for the collection of objects to be mapped and populated in the layout of the diagram. |
DiagramDecorator
Represents the connector's start and endpoint decorations. |
DiagramEventAnnotation
DiagramObject is the interface for the diagram object. |
DiagramEventDropObject
DiagramDropObject notifies when the element is dropped in the diagram in blazor. |
DiagramEventObject
DiagramObject is the interface for the diagram object. |
DiagramEventObjectCollection
DiagramCollectionObject is the interface for the diagram objects. MouseEventElement notifies whether it is node or connector or selector model. |
DiagramEvents
It is used to defines the diagram events. |
DiagramFitOptions
Represents the diagram content that can fit into the diagram. |
DiagramFitOptionsMargin
Represents the space around the diagram content. |
DiagramFixedUserHandle
DiagramFixedUserHandle is the interface for the connector fixed user handle and node fixed user handle. |
DiagramGradient
It allows the user to define and apply the gradient effect. |
DiagramHyperlink
It lets users navigate from one page to another. |
DiagramKeyGesture
Defines a keyboard combination that can be used to invoke a command. |
DiagramLayer
Represents to organize related shapes on a diagram. |
DiagramLayout
Represents the class to arrange the nodes and connectors in a tree structure. |
DiagramMargin
Specifies the space to be left from an element. |
DiagramMenuEventArgs
Triggers when a context menu item clicked. |
DiagramMethodArguments
Represents the behavior of the uml class method. |
DiagramModel
Represents the interface for a class diagram. |
DiagramMouseEventObject
MouseEventElement notifies whether it is node or connector or selector model. |
DiagramNode
Represents the graphical objects that are used to visually represent the geometrical information. |
DiagramNodeAnnotation
Represents the block of text displayed over the node. |
DiagramNodeFixedUserHandle
Represents a customizable handle that can be used to perform custom actions. |
DiagramNodeLayoutInfo
Represents the necessary information of a node�s children and the way to arrange them. |
DiagramPageSettings
DiagramPagesetting enables to customize the appearance, width, and height of the diagram page. |
DiagramPoint
Represents the point in a diagram where a node/connector to be placed in it. |
DiagramPort
Represents a port or connection point in the node. |
DiagramPropertyChangeObject
Notifies whether the changed object is the node, connector or diagram. |
DiagramRegions
Specifies the region that has to be drawn as an image. |
DiagramRulerSettings
The diagram has vertical and horizontal rulers that show measurements at the scale objects like nodes etc.,. |
DiagramScrollSettings
Defines the current zoom value, zoom factor, scroll status and viewport size of the diagram. |
DiagramSelectedItems
Represents the collection of selected items in the diagram. |
DiagramSerializationSettings
Defines the serialization settings of the diagram. |
DiagramSettings
Defines the settings of the diagram. |
DiagramsGradientStop
Represents the color and a position, where the previous color transition ends, and a new color transition starts. |
DiagramsGridLines
Represents the visual guidance while dragging or arranging the objects. |
DiagramShadow
Represents the shadow appearance of the objects. |
DiagramShape
Defines the shape for the diagram nodes. |
DiagramSnapSettings
Customizes and controls the gridlines and snap behavior of the diagram. |
DiagramsRuler
Represents the behavior and appearance of the horizontal/vertical rulers for the diagram. |
DiagramsTooltip
Represents the textual content that appears while the mouse is hovering over an element of the diagram. |
DiagramstrokeStyle
Represents the appearance of the connector stroke style. |
DiagramTemplates
Represents the template’s content to the node, annotation, and user handles. The User can define any HTML content as a template. |
DiagramTextStyle
Represents the text style for an object. |
DiagramTools
DrawingTools allow users to draw objects (nodes, connectors, etc.,) during runtime by clicking and dragging. |
DiagramTooltip
Represents the textual content which appears when the mouse hovers over an element of the diagram. |
DiagramTooltipAnimation
Interface for a class Animation. |
DiagramTooltipAnimationSettings
Animation options that are common for both open and close actions of the Tooltip. |
DiagramUmlClass
Sets or gets the behavior of the Uml class shapes. |
DiagramUmlClassAttribute
Sets or gets the behavior of the Uml class Attribute. |
DiagramUmlClassMethod
Defines the appearance and behavior of the UML Class Shape. |
DiagramUmlEnumeration
Gets or sets the behavior of the UmlEnumeration. |
DiagramUmlEnumerationMember
Represents the UML enumeration members of the node. |
DiagramUmlInterface
Sets or gets the behavior of the UmlInterface. |
DiagramUserHandle
Represents a customizable handle that can be used to perform custom actions. |
DiagramUserHandleMargin
Represents the space around the user handle. |
Direction
Specifies the orthogonal connector's connection segment direction. |
DistributeOptions
Specifies to place the selected objects on the page at an equal interval from each other. |
Effect
Animation effects that are applicable to the Tooltip. A different animation can be set for tooltip open and close action. |
EntryCategory
Defines the wether the history entry as internal entry as a user defined entry. |
EntryChangeType
Defines whether the history action contains any insert or remove operation. |
EntryType
Specifies to sets the property change entry type. |
EnumerationMemberShapeStyle
Represents the text style for an object. |
EventState
Specifies the events current state. |
ExpandIconMargin
Represents the space around the ExpandIcon. |
ExportModes
Specifies whether the diagram has to be exported as an image or it has to be converted as an image URL. |
FailureMargin
Represents the space around the failure port. |
FailureOffset
Represents the position of the failure port. |
FailureSubEvent
Specifies the size and position of the failure port. |
FileFormats
Specifies the filename of the diagram image to be download. |
FirstSegmentPoint
Represents the first control point of the connector. |
FirstVector
Represents the length and angle between the source point and the first control point of a diagram. |
FitModes
Specifies how the diagram has to be fit into the viewport. |
FixedUserHandleAlignment
Specifies how the fixed user handle must be aligned. |
FixedUserHandleClickEventArgs
Notifies when the mouse up carried on the fixed user handle. |
FlipDirection
Specifies how the diagram elements have to be flipped. |
FlowShapes
Specifies the type of process flow used for analyzing designing and managing for documentation process. |
GradientType
Specifies the type of transition between two or more colors. |
GridType
It allows the user to define the type of the grid as either lines or dots. |
History
Notifies when changes are reverted or restored. |
HistoryChangeAction
Specifies the history entry type for the nodes/connectors. |
HistoryChangeEventObject
Represents the object when the change is reverted, restored. |
HistoryEntry
Represents the entry of the changed history of an object. |
HistoryEntryType
Specifies the history entry created for the modification of the diagram element like node, connector, port and more. |
HorizontalAlignment
Defines how the diagram elements must be aligned based on its immediate parent. |
HorizontalGridlines
Customizes the horizontal gridlines as per the user’s preference in the diagram. |
HorizontalRuler
Defines the appearance and properties of Horizontal ruler. |
IBlazorClickEventArgs
Notifies when clicking on an object or diagram. |
IBlazorCollectionChangeEventArgs
IBlazorCollectionChangeEventArgs notifies while the node/connector are added or removed in the diagram. |
IBlazorConnectionChangeEventArgs
Notifies when the connector’s source id or target id was changed. |
IBlazorCustomHistoryChangeArgs
Notifies when a custom entry change is reverted or restored. |
IBlazorDoubleClickEventArgs
Triggers while double click on the diagram or its objects. |
IBlazorDragEnterEventArgs
Triggers when the element entered in the diagram from the symbol palette. |
IBlazorDraggingEventArgs
Notifies when the node or connector is dragged. |
IBlazorDragLeaveEventArgs
Notifies when the elements leave from the diagram. |
IBlazorDropEventArgs
Notifies when the element is dropped in the diagram. |
IBlazorHistoryChangeArgs
Notifies when the change is reverted, restored or any custom actions detected in the diagram. |
IBlazorMouseEventArgs
Notifies when the mouse events such as mouse enter, mouse leave, and mouseover are detected. |
IBlazorPropertyChangeEventArgs
Notifies when the node, connector, or diagram property has changed. |
IBlazorSegmentCollectionChangeEventArgs
IBlazorSegmentCollectionChangeEventArgs notifies while the segment of the connectors changes. |
IBlazorSelectionChangeEventArgs
Notifies when select or deselect any objects from the diagram. |
IBlazorTextEditEventArgs
Notifies when the label of an element undergoes editing. |
ICommandExecuteEventArgs
Notifies when a command executed. |
IConnectorInitEventArgs
IConnectorInitEventArgs notifies when the connector is initiated. |
IconOffset
Represents the position of the icon at the bounds of the node. |
IconPadding
Represents the space inside the border of an icon. |
IconShapes
Specifies the icon to be shown in the node’s expand or collapsed state. |
IDataLoadedEventArgs
IDataLoadedEventArgs defines the event arguments after data is loaded. |
IDragLeaveEventArgs
IDragLeaveEventArgs notifies when the element leaves from the diagram. |
IDragOverEventArgs
IDragOverEventArgs notifies when an element drag over another diagram element. |
IExportOptions
Provides support to export the diagram content to various file format. |
IFitOptions
Represents the diagram content can be fit within the diagram. |
IKeyEventArgs
Notifies while performing key actions. |
ImageAlignment
Specifies the alignment for the image based on the given viewport. |
IPaletteSelectionChangeArgs
IPaletteSelectionChangeArgs notifies when the selection objects change in the symbol palette. |
IPrintOptions
Provides support to print the diagram content. |
IRotationEventArgs
Notifies when the selected element has rotated. |
ISizeChangeEventArgs
Notifies when the element is being resized. |
KeyModifiers
Specifies a combination of key modifiers, on recognition of which the command will be executed. |
Keys
Sets the key value, on recognition of which the command key will be executed. |
LayoutMargin
Represents the class to define the space between the viewport and the layout. |
LayoutOrientation
Specifies the orientation of the layout. |
LayoutType
Specifies the type of automatic layout. |
Margin
Represents the margin for the diagram, nodes, connectors, etc. |
MouseButtons
Returns which mouse button is clicked. |
Multiplicity
Specifies the multiplicity of uml connector shapes. |
NodeAnnotationDragLimit
Specifies whether the node annotation can be moved or not. |
NodeAnnotationMargin
Represents the space around the annotation content. |
NodeAnnotationOffset
Represents the position of the label relative to the bounds of the node. |
NodeCollapseIcon
Represents the collapsed state of the node. |
NodeConstraints
The node constraints allow the users to enable or disable certain behaviors and features of the diagram nodes. |
NodeExpandIcon
Represents the expanded state of the node. |
NodeHyperlink
It allows users to navigate from one page to another. Hyperlink need not be a text (annotation). |
NodeMargin
Sets the outer space for a node on all the four sides. By default, the margin is set to 0 in all the four sides. |
NodePivotPoint
It represents the actual control point for the nodes. In this respect, the node can be rotated. |
NodePortOffset
Represents the position of the port relative to the bounds of the node. |
NodeShapeStyle
Represents the appearance of the node. |
NodeTooltip
Represents the textual content that appears while the mouse is hovering over a node. |
NudgeDirection
Specifies the direction in which the selected element must be moved during nudge operation. |
Orientation
Specifies the orientation of the layouts. |
OrthogonalSegmentModel
Represents the orthogonal segment type of the connector. |
OverviewEvents
It is used to defines the overview control events. |
OverviewModel
Allows user to see a preview or an overall view of the content of a diagram. |
PageOrientation
Specifies the orientation of the page. |
PageSettingsMargin
Represents the space around the page of the diagram. |
PointModel
Represents the position of the diagram elements. |
PortConstraints
The behavior and features of the ports can be enabled or disabled using the PortConstraints. |
PortMargin
Represents the space from the actual offset values of the port. |
PortShapes
Specifies the shape of the ports. |
PortShapeStyle
Represents the appearance of the port. |
PortVisibility
Constraints to control the visibility property of the port. |
PreviewMargin
Defines the space around the symbol preview. |
PreviewOffset
Represents the distance to be left between the cursor and the symbol. |
RenderingMode
Defines the type of diagram to be rendered either Canvas or SVG. |
RubberBandSelectionMode
Specifies how to handle the selected items via rubber band selection. |
RulerOrientation
Specifies the orientation(direction) for both horizontal and vertical rulers. |
RulerSettingsModel
Defines the appearance and behavior of the rulers in the diagram. |
Scale
It allows the user to stretch the image as desired. |
ScrollLimit
Defines the scrollable region of the diagram. |
ScrollValues
Specifies the functionalities of the diagram scroll bar. |
SecondSegmentPoint
Represents the second control point of the connector. |
SecondVector
Represents the length and angle between the source point and the second control point of a diagram. |
Segments
Specifies the segment type of the connector. |
SelectorConstraints
Specifies the visibility of the selector handles. |
SelectorModel
Represents the collection of selected items in the diagram. |
SelectorPivot
Represents the actual control point for the selector. |
SfDiagram
SfDiagram renders the diagram. It contains all the properties for the diagram to be rendered. |
SfDiagramBase
Represents to sync the client side diagram object properties with server side objects. |
SfOverview
It allows the user to see a preview or an overall view of the entire content of a diagram. |
SfSymbolPalette
The SymbolPalette represents to displays a collection of palettes. The palette shows a set of nodes and connectors. It allows to drag and drop the nodes and connectors into the diagram. |
Shapes
Specifies the type of a node. |
Side
Specifies where the user handles have to be aligned. |
SizingOptions
Specifies to equally size the selected nodes with respect to the first selected object. |
SnapConstraints
Specifies the constraints to enable/ disable snapping and to controls the visibility of gridlines. |
SourceMultiplicityLabel
Specifies the source label to the connector. |
State
Specifies the state of interactions such as drag, resize, and rotate. |
StraightSegmentPoint
Represents the control point of the straight line connector. |
Stretch
Allows the user to define how to stretch the image. |
SubTreeAlignments
Specifies the subtree alignments in an organizational chart. |
SubTreeOrientation
Specifies the subtree orientation in layout. |
SuccessMargin
Represents the space around the object. |
SuccessOffset
Represents the point in a diagram offset for a node/connector. |
SuccessSubEvent
Represents the event within another subprocess. |
SymbolDescription
Specifies the description of the symbol. |
SymbolDragSizeModel
Specifies the drag size of the individual palette items. |
SymbolInfo
Specifies the information of the symbol. |
SymbolMargin
Specifies the extra space around the outer boundaries of the symbol. |
SymbolPaletteEvents
It is used to defines the symbol palette events. |
SymbolPalettePalette
Defines the appearance and behavior of the symbol group in the symbol palette. |
SymbolPaletteSymbolPreview
Defines the appearance of the symbols on preview(before dragging into the diagram). |
SymbolPreviewOffset
Sets the offset for the symbol on the preview. |
SymbolSizeModel
Specifies the size of the symbol. |
TargetMultiplicityLabel
Specifies the target label to the UML type connector. |
TextAlign
The TextAlign property allows the user to define the alignment of the text inside the text block. |
TextDecoration
The TextDecoration property defines the decoration for a text in the text block. |
TextOverflow
The overflow property allows the user to clip the text content or to add scrollbars when the content of the text element is too large to fit in the specified diagram area. |
TextWrap
TextWrap property is used to control the overflow of text in the node boundaries. The wrapping property defines how the text should be wrapped. |
ThumbsConstraints
Specifies to enables/disbles the handles for the selected items. |
TickAlignment
Specifies the Tick Alignment for the ruler. |
TooltipMode
Allows the user to define how to show the tooltip. |
TooltipRelativeMode
The RelativeMode property of the tooltip defines whether the tooltip should be displayed around the object or at the mouse position. |
TreeInfo
Defines the behavior and appearance of the tree. |
UmlActivityFlows
UMLActivityFlows enumeration allows the user to set the type of UmlActivity connector. |
UmlActivityShapes
The UML activity diagram is a flowchart that represents the flow from one activity to another. It describes the activity flow of a system, and the parallel flow of a system. |
UMLClassShapeStyle
Defines the UML class shape style. |
UMLEnumerationShapeStyle
defines the UML Enumeration shape style. |
UMLParameterShapeStyle
defines the UML parameter shape style. |
UmlScope
Defines the scope of the UML shape. |
UserHandleEventsArgs
Notifies when the mouse events such as mouse enter, mouse leave, mouse down, mouse up carried on the user handle. |
UserHandleMargin
Defines the margin for symbols in symbol palette on all the four sides. |
UserHandleOffset
Represents the position of the fixed user handle. |
VerticalAlignment
Defines how the diagram elements must be aligned based on its immediate parent. |
VerticalGridlines
Customizes the vertical gridlines as per the user’s preference in the diagram. |
VerticalRuler
Defines the appearance and properties of the vertical ruler. The Vertical Ruler appearance can be customized according to the user’s perception. |
WhiteSpace
Specifies how the white space and new line characters should be set. |
ZoomOptions
Represents the scaling of diagram control by the given factor. |
ZoomTypes
Specifies the zoom type. |
Interfaces
IDiagram
This interface specifies the properties of the diagrams. |
IOverview
This interface specifies the properties of the overview of the diagram. |
ISymbolPalette
This interface specifies the properties of the symbol palette. |