Syncfusion Feedback

Overview

A flowchart is a visual in which each step in a process is represented by a different shape and contains a short description of the step. The Syncfusion ASP.NET MVC Diagram control offers multiple feature sets to build flowcharts with ease.


Flowchart shapes

The Syncfusion ASP.NET MVC Diagram control provides the shapes required to build a flowchart diagram as ready-made objects, making it is easy to add them in a diagram surface in a single call.

Built-in flowchart shapes available in the ASP.NET MVC flowchart diagram control


Connector arrows

Arrows (or connectors) represent the relationship or direction of flow between two flowchart shapes.

Different types of connectors are available in ASP.NET MVC flowchart diagram control

Arrow types

Straight, orthogonal, and curved connector types are provided.

Predefined arrowheads in the ASP.NET MVC flowchart diagram control illustrate flow direction

Arrowheads

The Syncfusion ASP.NET MVC Diagram control provides predefined arrowheads to illustrate flow direction in a flowchart diagram. You can also build your own custom arrowheads.


Annotations

You can add descriptions to the flowchart shapes and connectors using annotations and modify descriptions by pressing F2 or double-clicking them.

Additional information can be shown on nodes and connectors using labels in the ASP.NET MVC flowchart diagram control


Connection points (ports)

Connect to specific places on a shape through different types of ports or connecting points.

Connect to specific places on a node using ports in the ASP.NET MVC flowchart diagram control


Interactive features

Use interactive features to improve the editing experience of a flowchart diagram at runtime. You can easily edit a diagram with mouse, touchscreen, or keyboard interfaces.

Select and drag the nodes or connectors using handlers in ASP.NET MVC flowchart diagram control

Select, drag, resize, rotate

Objects can be selected and then dragged, resized, or rotated.

Align nodes and connectors with the nearest gridlines or objects in ASP.NET MVC flowchart diagram control

Snap

Precisely align shapes, connectors, and annotations while dragging just by snapping them to the nearest grid lines or objects.

Undo and redo the recent changes using the history manager in the ASP.NET MVC flowchart diagram control

Undo and redo

Don’t worry when you make a change by mistake—undo and redo commands help to correct recent changes.


Serialization

Save your diagram state in JSON format and load it back later for editing using the serializer.

Save and load a diagram by serializing it to JSON format using the ASP.NET MVC flowchart diagram control


Exporting and printing

You can easily export flowchart diagrams to PNG, JPEG, BMP, and SVG image formats. Flowcharts can be printed from the browser.

Export an  ASP.NET MVC flowchart diagram to different image formats


Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

140+ ASP.NET MVC UI CONTROLS

Scroll up icon