Help us shape the 2021 DevExtreme Roadmap. Take our 5 minute survey.
Your search did not match any results.


DevExtreme ASP.NET Core 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.

@(Html.DevExtreme().Diagram().ID("diagram")) <script type="text/javascript"> $(function () { $.ajax({ url: "@Url.Content("~/SampleData/diagram-flow.json")", dataType: "text", success: function(data) { $("#diagram").dxDiagram("instance").import(data); } }); }); </script>
using DevExtreme.NETCore.Demos.Models.SampleData; using Microsoft.AspNetCore.Mvc; namespace DevExtreme.NETCore.Demos.Controllers { public class DiagramController : Controller { public IActionResult Overview() { return View(); } } }
#diagram { height: 900px; }