Class SfDiagram

SfDiagram renders the diagram. It contains all the properties for the diagram to be rendered.

Inheritance

System.Object

Syncfusion.Blazor.SfBaseComponent

Syncfusion.Blazor.SfBaseExtension

SfDiagram

Implements

IDiagram

Namespace: Syncfusion.Blazor.Diagrams

Assembly: Syncfusion.Blazor.dll

Syntax

public class SfDiagram : SfBaseExtension, IBaseInit, IDiagram

Examples

<SfDiagram Height="600px" Nodes="@NodeCollection">
</SfDiagram>
@code{
   public ObservableCollection<DiagramNode> NodeCollection = new ObservableCollection<DiagramNode>() { };
   protected override void OnInitialized()
   {
     // A node is created and stored in the nodes collection.
     DiagramNode node1 = 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" }
      };
      // Add node
      NodeCollection.Add(node1);
    }
 }

Constructors

SfDiagram()

Initialize the diagram members.

Declaration

public SfDiagram()

Properties

AddInfo

Allows the user to save custom information/data about diagram.

Declaration

public object AddInfo { get; set; }

Property Value

Type	Description
System.Object

AnnotationTemplate

Customizes the annotation template.

Declaration

public string AnnotationTemplate { get; set; }

Property Value

Type	Description
System.String

BackgroundColor

Defines the background color of the diagram.

Declaration

public string BackgroundColor { get; set; }

Property Value

Type	Description
System.String

BridgeDirection

Defines the direction of the bridge that is inserted when the segments are intersected.

Declaration

public BridgeDirection BridgeDirection { get; set; }

Property Value

Type	Description
BridgeDirection

ChildContent

Represents a segment of UI content, implemented.

Declaration

public RenderFragment ChildContent { get; set; }

Property Value

Type	Description
Microsoft.AspNetCore.Components.RenderFragment

CommandManager

Defines a set of custom commands and binds them with a set of desired key gestures.

Declaration

public DiagramCommandManager CommandManager { get; set; }

Property Value

Type	Description
DiagramCommandManager

ConnectorDefaults

Helps to assign the default properties of connector.

Declaration

public DiagramConnector ConnectorDefaults { get; set; }

Property Value

Type	Description
DiagramConnector

Connectors

Defines a collection of objects, used to create link between two points, nodes or ports to represent the relationships between them.

Declaration

public ObservableCollection<DiagramConnector> Connectors { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<DiagramConnector>

Constraints

Constraints are used to enable/disable certain behaviors of the diagram.

Declaration

public DiagramConstraints Constraints { get; set; }

Property Value

Type	Description
DiagramConstraints

ContextMenuSettings

Defines type of menu that appears when you perform right-click operation An object to customize the context menu of diagram.

Declaration

public DiagramContextMenuSettings ContextMenuSettings { get; set; }

Property Value

Type	Description
DiagramContextMenuSettings

CustomCursor

A collection of JSON objects where each object represents a custom cursor action. Layer is a named category of diagram shapes.

Declaration

public ObservableCollection<DiagramCustomCursor> CustomCursor { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<DiagramCustomCursor>

DataSourceSettings

Configures the data source that is to be bound with diagram.

Declaration

public DiagramDataSource DataSourceSettings { get; set; }

Property Value

Type	Description
DiagramDataSource

DiagramSettings

Defines the settings of diagram.

Declaration

public DiagramSettings DiagramSettings { get; set; }

Property Value

Type	Description
DiagramSettings

DrawingObject

Defines the object to be drawn using drawing tool.

Declaration

public object DrawingObject { get; set; }

Property Value

Type	Description
System.Object

EnablePersistence

Enable or disable persisting component's state between page reloads.

Declaration

public bool EnablePersistence { get; set; }

Property Value

Type	Description
System.Boolean

EnableRtl

Enable or disable rendering component in right to left direction.

Declaration

public bool EnableRtl { get; set; }

Property Value

Type	Description
System.Boolean

Height

Defines the height of the diagram model.

Declaration

public string Height { get; set; }

Property Value

Type	Description
System.String

HistoryManager

Customizes the undo redo functionality.

Declaration

public History HistoryManager { get; set; }

Property Value

Type	Description
History

ID

Declaration

public override string ID { get; set; }

Property Value

Type	Description
System.String

Overrides

Syncfusion.Blazor.SfBaseExtension.ID

IsUpdated

SfDiagram renders the diagram. It contains all the properties for the diagram to be rendered.

Declaration

public bool IsUpdated { get; set; }

Property Value

Type	Description
System.Boolean

jsProperty

Declaration

protected override string jsProperty { get; set; }

Property Value

Type	Description
System.String

Overrides

Syncfusion.Blazor.SfBaseExtension.jsProperty

Layers

A collection of JSON objects where each object represents a layer. Layer is a named category of diagram shapes.

Declaration

public ObservableCollection<DiagramLayer> Layers { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<DiagramLayer>

Layout

Layout is used to auto-arrange the nodes in the Diagram area.

Declaration

public DiagramLayout Layout { get; set; }

Property Value

Type	Description
DiagramLayout

Locale

Overrides the global culture and localization value for this component. Default global culture is 'en-US'.

Declaration

public string Locale { get; set; }

Property Value

Type	Description
System.String

Mode

Defines the diagram rendering mode.

Declaration

public RenderingMode Mode { get; set; }

Property Value

Type	Description
RenderingMode

ModelType

Declaration

public override Type ModelType { get; set; }

Property Value

Type	Description
System.Type

Overrides

Syncfusion.Blazor.SfBaseExtension.ModelType

nameSpace

Declaration

protected override string nameSpace { get; set; }

Property Value

Type	Description
System.String

Overrides

Syncfusion.Blazor.SfBaseExtension.nameSpace

NodeDefaults

Helps to assign the default properties of nodes.

Declaration

public DiagramNode NodeDefaults { get; set; }

Property Value

Type	Description
DiagramNode

Nodes

Defines the collection of nodes.

Declaration

public ObservableCollection<DiagramNode> Nodes { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<DiagramNode>

NodeTemplate

Customizes the node template.

Declaration

public string NodeTemplate { get; set; }

Property Value

Type	Description
System.String

PageSettings

Page settings enable to customize the appearance, width, and height of the Diagram page.

Declaration

public DiagramPageSettings PageSettings { get; set; }

Property Value

Type	Description
DiagramPageSettings

RulerSettings

Defines the properties of both horizontal and vertical guides/rulers to measure the diagram area.

Declaration

public DiagramRulerSettings RulerSettings { get; set; }

Property Value

Type	Description
DiagramRulerSettings

ScrollSettings

Defines the current zoom value, zoom factor, scroll status and view port size of the diagram.

Declaration

public DiagramScrollSettings ScrollSettings { get; set; }

Property Value

Type	Description
DiagramScrollSettings

SelectedItems

Defines the collection of selected items, size and position of the selector.

Declaration

public DiagramSelectedItems SelectedItems { get; set; }

Property Value

Type	Description
DiagramSelectedItems

SerializationSettings

Defines the serialization settings of diagram.

Declaration

public DiagramSerializationSettings SerializationSettings { get; set; }

Property Value

Type	Description
DiagramSerializationSettings

SnapSettings

Defines the gridlines and defines how and when the objects have to be snapped.

Declaration

public DiagramSnapSettings SnapSettings { get; set; }

Property Value

Type	Description
DiagramSnapSettings

Tool

Defines the precedence of the interactive tools. They are,.

Declaration

public DiagramTools Tool { get; set; }

Property Value

Type	Description
DiagramTools

Tooltip

Defines the tooltip that should be shown when the mouse hovers over a node or connector An object that defines the description, appearance and alignments of tooltip.

Declaration

public DiagramTooltip Tooltip { get; set; }

Property Value

Type	Description
DiagramTooltip

Width

Defines the width of the diagram model.

Declaration

public string Width { get; set; }

Property Value

Type	Description
System.String

Methods

Add(Object, Nullable<Boolean>)

It is used to add the nodes/connector to the diagram dynamically.

Declaration

public Task<object> Add(object obj, Nullable<bool> group = null)

Parameters

Type	Name	Description
System.Object	obj	DiagramNode / DiagramConnector to be add dynamically.
System.Nullable<System.Boolean>	group	Specifies whether the dynamically added was group or not.

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

Remarks

You can refer to the code snippets from diagram public methods.

AddBlazorObjects(String, Boolean)

Adds the object into the diagram.

Declaration

public void AddBlazorObjects(string DiagramObject, bool IsConnector)

Parameters

Type	Name	Description
System.String	DiagramObject	Specifies the diagram object.
System.Boolean	IsConnector	Specifies whether the its connector or not.

AddChildToGroup(DiagramNode, Object)

It is used to add the node/connector to the group dynamically.

Declaration

public Task AddChildToGroup(DiagramNode group, object child)

Parameters

Type	Name	Description
DiagramNode	group	The group to which the child has to be added.
System.Object	child	The node/connector to be added to the group.

Returns

Type	Description
System.Threading.Tasks.Task	Returns the Diagram Node/ Diagram Connector.

Remarks

For better understanding refer to the diagram public methods.

AddConnector(DiagramConnector)

Connectors can be added dynamically using the server-side method AddConnector.

Declaration

public Task<DiagramConnector> AddConnector(DiagramConnector obj)

Parameters

Type	Name	Description
DiagramConnector	obj	Connector to be added dynamically.

Returns

Type	Description
System.Threading.Tasks.Task<DiagramConnector>

Remarks

For better understanding refer to the diagram public methods.

AddConnectorLabels(DiagramConnector, ObservableCollection<DiagramConnectorAnnotation>)

It adds the label to the connector during run time dynamically.

Declaration

public Task AddConnectorLabels(DiagramConnector obj, ObservableCollection<DiagramConnectorAnnotation> labels)

Parameters

Type	Name	Description
DiagramConnector	obj	The connector to which label should be added.
System.Collections.ObjectModel.ObservableCollection<DiagramConnectorAnnotation>	labels	The label to be added in runtime.

Returns

Type	Description
System.Threading.Tasks.Task

AddConstraints(Double, Double)

It adds constraints at run time.

Declaration

public Task<double> AddConstraints(double constraintsType, double constraintsValue)

Parameters

Type	Name	Description
System.Double	constraintsType	Defines the type of constraint.
System.Double	constraintsValue	Sets the value for constraint.

Returns

Type	Description
System.Threading.Tasks.Task<System.Double>

AddCustomHistoryEntry(HistoryEntry)

History entry can be added during runtime using AddCustomHistoryEntry.

Declaration

public Task AddCustomHistoryEntry(HistoryEntry entry)

Parameters

Type	Name	Description
HistoryEntry	entry	The history entry to be added during runtime.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

AddHistoryEntry(HistoryEntry)

Adds the given change in the diagram control to the track.

Declaration

public Task AddHistoryEntry(HistoryEntry entry)

Parameters

Type	Name	Description
HistoryEntry	entry	The history entry to be added during runtime.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

AddLabels(Object, ObservableCollection<Object>)

Adds labels (annotations) to the node at runtime.

Declaration

public Task AddLabels(object obj, ObservableCollection<object> labels)

Parameters

Type	Name	Description
System.Object	obj	The node to which the label should be added.
System.Collections.ObjectModel.ObservableCollection<System.Object>	labels	The annotation to be added during runtime.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

AddLayer(DiagramLayer, Object)

It allows the user to add layers to the diagram at runtime.

Declaration

public Task AddLayer(DiagramLayer layer, object layerObject = null)

Parameters

Type	Name	Description
DiagramLayer	layer	The new layer to be added at runtime.
System.Object	layerObject	The node/connector to be added.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

AddNode(DiagramNode, Nullable<Boolean>)

It adds the node to the diagram at runtime.

Declaration

public Task<DiagramNode> AddNode(DiagramNode obj, Nullable<bool> group = null)

Parameters

Type	Name	Description
DiagramNode	obj	The node to be added to the diagram.
System.Nullable<System.Boolean>	group	The group to which the node should be added.

Returns

Type	Description
System.Threading.Tasks.Task<DiagramNode>

Remarks

For better understanding refer to the diagram public methods.

AddNodeLabels(DiagramNode, ObservableCollection<DiagramNodeAnnotation>)

It adds labels to the nodes at runtime.

Declaration

public Task AddNodeLabels(DiagramNode obj, ObservableCollection<DiagramNodeAnnotation> labels)

Parameters

Type	Name	Description
DiagramNode	obj	The node to which label(annotation) should be added.
System.Collections.ObjectModel.ObservableCollection<DiagramNodeAnnotation>	labels	The label to be added in the node at runtime.

Returns

Type	Description
System.Threading.Tasks.Task

AddPorts(DiagramNode, ObservableCollection<DiagramPort>)

It is used to add the ports to the node dynamically.

Declaration

public Task AddPorts(DiagramNode obj, ObservableCollection<DiagramPort> ports)

Parameters

Type	Name	Description
DiagramNode	obj	DiagramNode that dynamically adds the port on.
System.Collections.ObjectModel.ObservableCollection<DiagramPort>	ports	Ports that are dynamically added to the node.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

AddProcess(DiagramNode, String)

It is used to add a process shape into the BPMN subprocess shape.

Declaration

public Task AddProcess(DiagramNode process, string parentId)

Parameters

Type	Name	Description
DiagramNode	process	DiagramNode to be added dynamically.
System.String	parentId	Specifies the node Id to add the subprocess.

Returns

Type	Description
System.Threading.Tasks.Task

AddTextAnnotation(DiagramBpmnAnnotation, DiagramNode)

It is used to add the text annotation to the specific BPMN node.

Declaration

public Task AddTextAnnotation(DiagramBpmnAnnotation annotation, DiagramNode node)

Parameters

Type	Name	Description
DiagramBpmnAnnotation	annotation	Defines the annotation to be added.
DiagramNode	node	Defines the node to which the annotation has to be added.

Returns

Type	Description
System.Threading.Tasks.Task

Align(AlignmentOptions, Object, Nullable<AlignmentMode>)

Aligns the group of objects to with reference to the first object in the group.

Declaration

public Task Align(AlignmentOptions option, object objects = null, Nullable<AlignmentMode> type = null)

Parameters

Type	Name	Description
AlignmentOptions	option	Defines the factor, by which the objects have to be aligned.
System.Object	objects	Defines the object which has to align.
System.Nullable<AlignmentMode>	type	Defines the alignment mode of the object which has to align.

Returns

Type	Description
System.Threading.Tasks.Task

BeginUpdate()

Prevents redrawing of model on the client side.

Declaration

public void BeginUpdate()

BringIntoView(Object)

It is used to show the particular bounds to the viewport.

Declaration

public Task BringIntoView(object bound)

Parameters

Type	Name	Description
System.Object	bound	Specifies the value of the bound which has to be shown in the viewport.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

BringLayerForward(String)

It is used to move the layer forward.

Declaration

public Task BringLayerForward(string layerName)

Parameters

Type	Name	Description
System.String	layerName	Defines the name of the layer.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

BringToCenter(Object)

It is used to bring the specified bounds to the center of the viewport.

Declaration

public Task BringToCenter(object bound)

Parameters

Type	Name	Description
System.Object	bound	Specifies the bouns value which has to be shown in the viewport.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

BringToFront()

It is used to bring the selected node to the front.

Declaration

public Task BringToFront()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

BuildRenderTree(RenderTreeBuilder)

Declaration

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

Type	Name	Description
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder	__builder

Clear()

Clears all nodes and objects in the diagram.

Declaration

public Task Clear()

Returns

Type	Description
System.Threading.Tasks.Task

ClearHistory()

It is used to clear all nodes and objects from the diagram.

Declaration

public Task ClearHistory()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

ClearSelection()

It allows the user to clear the selected nodes/connectors in the diagram.

Declaration

public Task ClearSelection()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

CloneLayer(String)

It allows the user to clone the layer.

Declaration

public Task CloneLayer(string layerName)

Parameters

Type	Name	Description
System.String	layerName	Specifies the layer name.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Copy()

It copies the selected nodes/connectors to the clipboard.

Declaration

public Task<object> Copy()

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

Remarks

For better understanding refer to the diagram public methods.

Cut()

It removes the selected nodes/connectors and moves those to the clipboard.

Declaration

public Task Cut()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Dispose()

Declaration

public override void Dispose()

Overrides

Syncfusion.Blazor.SfBaseExtension.Dispose()

Distribute(DistributeOptions, Object)

It arranges the group of nodes/connectors with equal intervals but within the group of nodes/connectors.

Declaration

public Task Distribute(DistributeOptions option, object objects = null)

Parameters

Type	Name	Description
DistributeOptions	option	The type of distributing option.
System.Object	objects	The collection of nodes/connectors.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

DoLayout()

It allows the user to refresh the layout at runtime.

Declaration

public Task<object> DoLayout()

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

Remarks

For better understanding refer to the diagram public methods.

Drag(Object, Double, Double)

It drags the given object by the specified pixels.

Declaration

public Task Drag(object obj, double tx, double ty)

Parameters

Type	Name	Description
System.Object	obj	The collection of nodes/connectors to be dragged.
System.Double	tx	X-coordinate of the node/connector to be captured.
System.Double	ty	Y-coordinate of the node/connector to be captured.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

DragSourceEnd(DiagramConnector, Double, Double)

It drags the source point of the connector.

Declaration

public Task DragSourceEnd(DiagramConnector obj, double tx, double ty)

Parameters

Type	Name	Description
DiagramConnector	obj	The connector to be dragged.
System.Double	tx	X-coordinate of the node/connector to be captured.
System.Double	ty	Y-coordinate of the node/connector to be captured.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

DragTargetEnd(DiagramConnector, Double, Double)

It drags the target point of the connector.

Declaration

public Task DragTargetEnd(DiagramConnector obj, double tx, double ty)

Parameters

Type	Name	Description
DiagramConnector	obj	The connector to be dragged.
System.Double	tx	X-coordinate of the node/connector to be captured.
System.Double	ty	Y-coordinate of the node/connector to be captured.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

EndGroupAction()

Closes grouping the actions that will be undone/restored as a whole.

Declaration

public Task EndGroupAction()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

EndUpdate()

Enable redrawing of model on the client side.

Declaration

public void EndUpdate()

ExportDiagram(IExportOptions)

It is used to export the diagram.

Declaration

public Task<string> ExportDiagram(IExportOptions options)

Parameters

Type	Name	Description
IExportOptions	options	defines how the image should be export.

Returns

Type	Description
System.Threading.Tasks.Task<System.String>

Remarks

For better understanding refer to the diagram public methods.

ExportImage(String, IExportOptions)

It is used to export the diagram to various image format.

Declaration

public Task ExportImage(string image, IExportOptions options)

Parameters

Type	Name	Description
System.String	image	Defines the type of image content to be exported.
IExportOptions	options	Defines the export image properties.

Returns

Type	Description
System.Threading.Tasks.Task

FitToPage(IFitOptions)

It is used to fit the diagram to the page with respect to mode and region.

Declaration

public Task FitToPage(IFitOptions options = null)

Parameters

Type	Name	Description
IFitOptions	options	Defines the fit options properties.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

GetActiveLayer()

It is used to get the active layer back.

Declaration

public Task<DiagramLayer> GetActiveLayer()

Returns

Type	Description
System.Threading.Tasks.Task<DiagramLayer>

Remarks

For better understanding refer to the diagram public methods.

GetConnector(String)

It is used to get the connector back.

Declaration

public DiagramConnector GetConnector(string Id)

Parameters

Type	Name	Description
System.String	Id	Specifies the id of the connector which has taken from the diagram.

Returns

Type	Description
DiagramConnector

GetConnectorObject(String)

It is used to get the connector object for the given node Id.

Declaration

public Task<DiagramConnector> GetConnectorObject(string id)

Parameters

Type	Name	Description
System.String	id	Specifies the id of the connector which has taken from the diagram.

Returns

Type	Description
System.Threading.Tasks.Task<DiagramConnector>

GetCursor(String, Boolean)

It is used to define the cursor that corresponds to the given action.

Declaration

public Task<string> GetCursor(string action, bool active)

Parameters

Type	Name	Description
System.String	action	Defines the action that is going to be performed.
System.Boolean	active	Specifies whether the cursor has to be activated or not.

Returns

Type	Description
System.Threading.Tasks.Task<System.String>

GetDiagramBounds()

It allows the user to capture the diagram bounds.

Declaration

public Task<object> GetDiagramBounds()

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

Remarks

For better understanding refer to the diagram public methods.

GetDiagramContent(Object)

It allows the user to get the HTML content.

Declaration

public Task<string> GetDiagramContent(object styleSheets = null)

Parameters

Type	Name	Description
System.Object	styleSheets	Defines the collection of style files to be considered while exporting.

Returns

Type	Description
System.Threading.Tasks.Task<System.String>	Returns the HTML content.

GetEdges(String, Boolean)

Return the edges for the given node.

Declaration

public Task<string[]> GetEdges(string id, bool outEdge)

Parameters

Type	Name	Description
System.String	id	Specifies the Id of the node.
System.Boolean	outEdge	Specifies whether it has a outedge or not.

Returns

Type	Description
System.Threading.Tasks.Task<System.String[]>

GetHistoryStack(Boolean)

The number of undo or redo actions can be stored on the history list.

Declaration

public Task<List<HistoryEntry>> GetHistoryStack(bool isUndoStack)

Parameters

Type	Name	Description
System.Boolean	isUndoStack	Returns the history stack values.

Returns

Type	Description
System.Threading.Tasks.Task<System.Collections.Generic.List<HistoryEntry>>

Remarks

For better understanding refer to the diagram public methods.

GetJSNamespace()

Declaration

public string GetJSNamespace()

Returns

Type	Description
System.String	Get the parent namespaces.

GetModuleName()

It returns the module name of the diagram.

Declaration

public Task<string> GetModuleName()

Returns

Type	Description
System.Threading.Tasks.Task<System.String>

GetNode(String)

The node can be captured from its id itself.

Declaration

public DiagramNode GetNode(string Id)

Parameters

Type	Name	Description
System.String	Id	Returns the id of the node to be captured.

Returns

Type	Description
DiagramNode

Remarks

For better understanding refer to the diagram public methods.

GetNodeObject(String)

The node can be captured from its id itself.

Declaration

public Task<DiagramNode> GetNodeObject(string id)

Parameters

Type	Name	Description
System.String	id	Returns the id of the node to be captured.

Returns

Type	Description
System.Threading.Tasks.Task<DiagramNode>

Remarks

For better understanding refer to the diagram public methods.

GetParentId(String)

Returns the parent id for the node.

Declaration

public Task<string> GetParentId(string id)

Parameters

Type	Name	Description
System.String	id	Specifies the Id of the node.

Returns

Type	Description
System.Threading.Tasks.Task<System.String>

GetPersistData()

Get the properties to be maintained in the persisted state.

Declaration

public Task<string> GetPersistData()

Returns

Type	Description
System.Threading.Tasks.Task<System.String>

Group()

Group the selected nodes and connectors in diagram.

Declaration

public Task Group()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

HideTooltip(Object)

It is used to hide the tooltip for the corresponding diagram object.

Declaration

public Task HideTooltip(object obj)

Parameters

Type	Name	Description
System.Object	obj	Defines the object, which tooltip has to be hidden.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

LoadDiagram(String)

Converts the given string as a Diagram Control.

Declaration

public void LoadDiagram(string data)

Parameters

Type	Name	Description
System.String	data	Defines the behavior of the diagram to be loaded.

MoveForward()

It is used to send the selected nodes or connectors to forward.

Declaration

public Task MoveForward()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

MoveObjects(List<String>, String)

It is used to move the objects from one layer to another layer in the diagram.

Declaration

public Task MoveObjects(List<string> objects, string targetLayer = null)

Parameters

Type	Name	Description
System.Collections.Generic.List<System.String>	objects	Defines the object id of the string array.
System.String	targetLayer	Specifies the target layer to which the object has to be moved.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Nudge(NudgeDirection, Nullable<Double>, Nullable<Double>)

It is used to move the selected objects towards the given direction.

Declaration

public Task Nudge(NudgeDirection direction, Nullable<double> x = null, Nullable<double> y = null)

Parameters

Type	Name	Description
NudgeDirection	direction	Defines the object id of the string array.
System.Nullable<System.Double>	x	Defines the distance by which the selected objects have to be moved horizontally.
System.Nullable<System.Double>	y	Defines the distance by which the selected objects have to be moved vertically.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

OnAfterRenderAsync(Boolean)

Declaration

protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

Type	Name	Description
System.Boolean	firstRender

Returns

Type	Description
System.Threading.Tasks.Task	Returns asynchronous operation which is executed when the rendering of all the references to the component are populated.

Overrides

Syncfusion.Blazor.SfBaseExtension.OnAfterRenderAsync(System.Boolean)

OnHybridAfterRender(Boolean)

Declaration

protected Task OnHybridAfterRender(bool firstRender)

Parameters

Type	Name	Description
System.Boolean	firstRender

Returns

Type	Description
System.Threading.Tasks.Task	Returns asynchronous operation which is executed when the rendering of all the references to the component are populated.

OnHybridInitialized()

Declaration

protected Task OnHybridInitialized()

Returns

Type	Description
System.Threading.Tasks.Task

OnHybridParametersSet()

Declaration

protected Task OnHybridParametersSet()

Returns

Type	Description
System.Threading.Tasks.Task	Returns asynchronous operation when the component has received parameters from its parent in the render tree, and the incoming values have been assigned to properties.

OnInitializedAsync()

Declaration

protected override Task OnInitializedAsync()

Returns

Type	Description
System.Threading.Tasks.Task	Returns asynchronous operation when the component is ready to start, having received its initial parameters from its parent in the render tree.

Overrides

Syncfusion.Blazor.SfBaseComponent.OnInitializedAsync()

OnParametersSetAsync()

Declaration

protected override Task OnParametersSetAsync()

Returns

Type	Description
System.Threading.Tasks.Task	Returns asynchronous operation when the component has received parameters from its parent in the render tree, and the incoming values have been assigned to properties.

Pan(Double, Double, PointModel)

It is used to pan the diagram control to the horizontal and vertical offsets.

Declaration

public Task Pan(double horizontalOffset, double verticalOffset, PointModel focusedPoint = null)

Parameters

Type	Name	Description
System.Double	horizontalOffset	Defines the horizontal distance to which the diagram has to be scrolled.
System.Double	verticalOffset	Defines the vertical distance to which the diagram has to be scrolled.
PointModel	focusedPoint	Defines the point at which the diagram to be focused.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Paste(Object)

Adds the given objects/ the objects in the diagram clipboard to diagram control.

Declaration

public Task<object> Paste(object obj = null)

Parameters

Type	Name	Description
System.Object	obj	Defines the objects to be added to diagram.

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

Print(IPrintOptions)

It is used to print the diagram.

Declaration

public Task Print(IPrintOptions options)

Parameters

Type	Name	Description
IPrintOptions	options	Defines how the image to be printed.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

PrintImage(String, IExportOptions)

It is used to print the native/html nodes of the diagram.

Declaration

public Task PrintImage(string image, IExportOptions options)

Parameters

Type	Name	Description
System.String	image	Defines the image content.
IExportOptions	options	Defines the properties of the image.

Returns

Type	Description
System.Threading.Tasks.Task

RandomString(Int32)

Generate random string for setting name for nodes/connectors.

Declaration

public static string RandomString(int length)

Parameters

Type	Name	Description
System.Int32	length	Sets a length of the string.

Returns

Type	Description
System.String	returns a random string.

Redo()

It is used to restore the last undo action.

Declaration

public Task Redo()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Remove(Object)

It is used to remove the given object from the diagram.

Declaration

public Task Remove(object obj = null)

Parameters

Type	Name	Description
System.Object	obj	Specifies the object in the diagram.

Returns

Type	Description
System.Threading.Tasks.Task

RemoveConstraints(Double, Double)

Remove constraints at run time.

Declaration

public Task<double> RemoveConstraints(double constraintsType, double constraintsValue)

Parameters

Type	Name	Description
System.Double	constraintsType	Specifies the type of constraints.
System.Double	constraintsValue	Specifies the constraints which have to be removed.

Returns

Type	Description
System.Threading.Tasks.Task<System.Double>

RemoveLabels(Object, ObservableCollection<Object>)

Remove Labels at the run time.

Declaration

public Task RemoveLabels(object obj, ObservableCollection<object> labels)

Parameters

Type	Name	Description
System.Object	obj	The node to which the label should be removed.
System.Collections.ObjectModel.ObservableCollection<System.Object>	labels	The annotation to be removed during runtime.

Returns

Type	Description
System.Threading.Tasks.Task

RemoveLayer(String)

Remove the layer from the diagram.

Declaration

public Task RemoveLayer(string layerId)

Parameters

Type	Name	Description
System.String	layerId	Specifies the unique Id for the layer.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

RemovePorts(DiagramNode, ObservableCollection<DiagramPort>)

Remove Ports at the run time.

Declaration

public Task RemovePorts(DiagramNode obj, ObservableCollection<DiagramPort> ports)

Parameters

Type	Name	Description
DiagramNode	obj	Specifies the ports to be removed at runtime.
System.Collections.ObjectModel.ObservableCollection<DiagramPort>	ports	Specifies the ports.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

RemoveProcess(String)

Remove a process from the sub-process.

Declaration

public Task RemoveProcess(string id)

Parameters

Type	Name	Description
System.String	id	Specifies the Id of the subprocess.

Returns

Type	Description
System.Threading.Tasks.Task

Render()

Renders the diagram control with nodes and connectors.

Declaration

public Task Render()

Returns

Type	Description
System.Threading.Tasks.Task

Reset()

Resets the zoom and scroller offsets to default values.

Declaration

public Task Reset()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

ResetSegments()

Resets the segments of the connectors.

Declaration

public Task ResetSegments()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Rotate(Object, Double, PointModel)

Rotates the given nodes/connectors by the given angle.

Declaration

public Task<bool> Rotate(object obj, double angle, PointModel pivot = null)

Parameters

Type	Name	Description
System.Object	obj	Specifies the nodes/connector to be rotated.
System.Double	angle	Specifies the angle to be rotated.
PointModel	pivot	Specifies the point of rotation.

Returns

Type	Description
System.Threading.Tasks.Task<System.Boolean>

Remarks

For better understanding refer to the diagram public methods.

SameSize(SizingOptions, Object)

Scales the given objects to the size of the first object in the group.

Declaration

public Task SameSize(SizingOptions option, object objects = null)

Parameters

Type	Name	Description
SizingOptions	option	Specifies the sizing options of the selected items.
System.Object	objects	Specifies the selected items.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SaveDiagram()

Serializes the diagram control as a string.

Declaration

public Task<string> SaveDiagram()

Returns

Type	Description
System.Threading.Tasks.Task<System.String>

Remarks

For better understanding refer to the diagram public methods.

Scale(Object, Double, Double, PointModel)

Scales the given objects by the given ratio.

Declaration

public Task<bool> Scale(object obj, double sx, double sy, PointModel pivot)

Parameters

Type	Name	Description
System.Object	obj	The object to which the scaling should beapplied.
System.Double	sx	Specifies the value of X.
System.Double	sy	Specifies the value of Y.
PointModel	pivot	Specifies the point where the object to be placed.

Returns

Type	Description
System.Threading.Tasks.Task<System.Boolean>

Remarks

For better understanding refer to the diagram public methods.

Select(Object, Nullable<Boolean>)

Selects the given collection of objects.

Declaration

public Task Select(object objects, Nullable<bool> multipleSelection = null)

Parameters

Type	Name	Description
System.Object	objects	Specifies the selected nodes/connectors.
System.Nullable<System.Boolean>	multipleSelection	specifies the selection of one or more nodes/connectors.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SelectAll()

Selects the all the objects.

Declaration

public Task SelectAll()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SendBackward()

send the selected nodes or connectors back.

Declaration

public Task SendBackward()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SendLayerBackward(String)

move the layer backward.

Declaration

public Task SendLayerBackward(string layerName)

Parameters

Type	Name	Description
System.String	layerName	Represents the layer name which is to be moved backward.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SendToBack()

send the selected nodes or connectors back.

Declaration

public Task SendToBack()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SetActiveLayer(String)

set the active layer.

Declaration

public Task SetActiveLayer(string layerName)

Parameters

Type	Name	Description
System.String	layerName	defines the name of the layer which is to be active layer.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

SetStackLimit(Double)

To limit the history entry of the diagram.

Declaration

public Task SetStackLimit(double stackLimit)

Parameters

Type	Name	Description
System.Double	stackLimit	Specifies the restriction of undo and redo action to a certain limit.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

ShowTooltip(Object)

Shows tooltip for corresponding diagram object.

Declaration

public Task ShowTooltip(object obj)

Parameters

Type	Name	Description
System.Object	obj	Specifies the object to show tooltip.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

StartGroupAction()

Starts grouping the actions that will be undone/restored as a whole.

Declaration

public Task StartGroupAction()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

StartTextEdit(Object, String)

Edits the annotation of node/connector.

Declaration

public Task StartTextEdit(object node = null, string id = null)

Parameters

Type	Name	Description
System.Object	node	The node in which annotation should be edited.
System.String	id	The id of the annotation.

Returns

Type	Description
System.Threading.Tasks.Task

Undo()

Restores the last action that is performed.

Declaration

public Task Undo()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

UnGroup()

UnGroup the selected nodes and connectors in diagram.

Declaration

public Task UnGroup()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

UnSelect(Object)

Removes the given object from selection list.

Declaration

public Task UnSelect(object obj)

Parameters

Type	Name	Description
System.Object	obj	The object to be removed.

Returns

Type	Description
System.Threading.Tasks.Task

UpdateBlazorDiagramCollectionModel(String, String[], Int32[], String, Int32[], Int32[])

Synchronousing the properties from client.

Declaration

public void UpdateBlazorDiagramCollectionModel(string DiagramObject, string[] ObjectType = null, int[] RemovalIndex = null, string connectorObject = null, int[] AnnotationIndex = null, int[] PortIndex = null)

Parameters

Type	Name	Description
System.String	DiagramObject	Specifies the Diagram object.
System.String[]	ObjectType	Specifies the object type.
System.Int32[]	RemovalIndex	Specifies the removal index.
System.String	connectorObject	Specifies the connector object.
System.Int32[]	AnnotationIndex	Specifies the annotation index.
System.Int32[]	PortIndex	Specifies the port index.

UpdateBlazorDiagramEvents(Dictionary<String, String>)

Declaration

public Task<object> UpdateBlazorDiagramEvents(Dictionary<string, string> DiagramObject)

Parameters

Type	Name	Description
System.Collections.Generic.Dictionary<System.String, System.String>	DiagramObject

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

UpdateBlazorDiagramModel(String, String, Int32, Int32, Int32)

It is used to synchronising client changes into the server changes.

Declaration

public void UpdateBlazorDiagramModel(string DiagramObject, string ObjectType, int RemovalIndex, int annotationIndex, int portIndex)

Parameters

Type	Name	Description
System.String	DiagramObject	Specifies the Diagram object.
System.String	ObjectType	Specifies the object type.
System.Int32	RemovalIndex	Specifies the removal index.
System.Int32	annotationIndex	Specifies the annotation index.
System.Int32	portIndex	Specifies the port index.

UpdateBlazorDiagramModelLayers(String, Boolean)

Update layers collection changes from client to server.

Declaration

public void UpdateBlazorDiagramModelLayers(string DiagramObject, bool isRemove)

Parameters

Type	Name	Description
System.String	DiagramObject	Specifies the Diagram object.
System.Boolean	isRemove	Specifies whether it should be removed.

UpdateBlazorDiagramObjects(Dictionary<String, Object>)

Update objects collection changes from client to server.

Declaration

public Task UpdateBlazorDiagramObjects(Dictionary<string, object> DiagramObject)

Parameters

Type	Name	Description
System.Collections.Generic.Dictionary<System.String, System.Object>	DiagramObject	Specifies the objects in the diagram.

Returns

Type	Description
System.Threading.Tasks.Task

UpdateBlazorProperties(Dictionary<String, Object>)

Update property changes from client to server.

Declaration

public Task UpdateBlazorProperties(Dictionary<string, object> properties)

Parameters

Type	Name	Description
System.Collections.Generic.Dictionary<System.String, System.Object>	properties	Specifies the property changes.

Returns

Type	Description
System.Threading.Tasks.Task

updateChildProperties(String, Object)

Declaration

public void updateChildProperties(string key, object value)

Parameters

Type	Name	Description
System.String	key
System.Object	value

UpdateDiagramObjects(Boolean, Object[])

Adds the given object to diagram control.

Declaration

public Task<object> UpdateDiagramObjects(bool IsAdding, params object[] methodParam)

Parameters

Type	Name	Description
System.Boolean	IsAdding	Specifies whether its adding or not.
System.Object[]	methodParam	Specifies the object to be updated.

Returns

Type	Description
System.Threading.Tasks.Task<System.Object>

UpdateViewPort()

Update the diagram clipboard dimension.

Declaration

public Task UpdateViewPort()

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

WireObservableEvents(Object)

Declaration

protected override void WireObservableEvents(object collection)

Parameters

Type	Name	Description
System.Object	collection

Overrides

Syncfusion.Blazor.SfBaseExtension.WireObservableEvents(System.Object)

Zoom(Double, PointModel)

Allows the user to zoom in or zoom out.

Declaration

public Task Zoom(double factor, PointModel focusedPoint = null)

Parameters

Type	Name	Description
System.Double	factor	Defines the factor by which the diagram is to be zoomed.
PointModel	focusedPoint	Defines the point with respect to which diagram has to be zoomed.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

ZoomTo(ZoomOptions)

Zooms to the specific point.

Declaration

public Task ZoomTo(ZoomOptions options)

Parameters

Type	Name	Description
ZoomOptions	options	The options for zoom point.

Returns

Type	Description
System.Threading.Tasks.Task

Remarks

For better understanding refer to the diagram public methods.

Explicit Interface Implementations

IDiagram.DiagramTemplates

Declaration

DiagramTemplates IDiagram.DiagramTemplates { get; set; }

Returns

Type	Description
DiagramTemplates

Implements

IDiagram