Overview

DevExtreme ASP.NET MVC Diagram is a control that provides a visual interface to be used when you design new diagrams or modify existing ones. It includes more than 35 resizable shapes, which you can drag-and-drop onto a page. Shapes and connectors are highly customizable.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

Backend API

@(Html.DevExtreme().Diagram().ID("diagram")) <script type="text/javascript"> $(function () { $.ajax({ url: "@Url.Content("~/Content/SampleData/diagram-flow.json")", dataType: "text", success: function(data) { $("#diagram").dxDiagram("instance").import(data); } }); }); </script>

using System.Web.Mvc; using DevExtreme.MVC.Demos.Models.SampleData; namespace DevExtreme.MVC.Demos.Controllers { public class DiagramController : Controller { public ActionResult Overview() { return View(); } } }

#diagram { height: 900px; }