Progress Telerik UI for ASP.NET MVC

Overview

The ASP.NET MVC Diagram helps you create diagrams with ease. You can design them however you like, having a variety of layouts, built-in shapes, connectors, rich API and hundreds of customization options to choose from.

Check out the Telerik UI for ASP.NET MVC Diagram demo
Data Binding

The Telerik UI for ASP.NET MVC Diagram can be easily bound to remote data by specifying the DataSource option.
Editing

Telerik Diagram for ASP.NET MVC supports CRUD operations, enabling users to easily edit, update, delete or insert data within your app. They could also change the color of the Diagram items or rotate them as they see fit. If a user made a mistake or wants to go back, they can simply click the Undo/Redo buttons.

Try editing the ASP.NET MVC Diagram component
Variety of Layouts
The ASP.NET MVC Diagram control supports the three most common diagram forms out of the box:
- Tree Layout – Tree Down
- Forced-Direct Layout – Tree Up
- Layered Layout – Tipover Tree
Explore all Telerik UI for ASP.NET MVC Diagram Layouts in this demo
Shapes

The Telerik UI for ASP.NET MVC Diagram component allows you to add various shapes and customize their color to match your design requirements. You can choose from rectangles, circles and all sorts of other shapes to personalize the component’s look.

Adding Shapes to ASP.NET MVC Diagram
Razor Pages

The ASP.NET MVC Diagram component is one of the many controls in the ASP.NET MVC suite that are supported in Razor Pages applications. Razor Pages are an alternative to the MVC pattern and make page-focused coding more efficient.

Check out the documentation on Telerik UI Diagram in Razor Pages

Visit the Razor Pages example in our GitHub project repository
Flexible API

The ASP.NET MVC Diagram component can fire a variety of events when the user clicks, drags or selects an item. Users can also resize, move and add or remove connections between items in the diagram.

Demo of the events in the ASP.NET MVC Diagram component
Export as PDF, Image or SVG

The Diagram component allows users to export their content directly from the browser as a PDF, PNG Image or and SVG file.
Diagram Theming

As part of the Telerik UI for ASP.NET MVC suite, the Diagram component has 20+ built-in themes and swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS or create a new theme to match your colors and branding by using the Progress SASS ThemeBuilder application.