DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.


The Diagram component provides the following properties to create custom shape templates.

  • The CustomShapeTemplate method defines a common template for all shapes in the component.
  • The Template method defines a template for an individual shape.

Template content must be presented as SVG elements.

In this demo, the CustomShapeTemplate method adds the 'Show Details' link to a shape. When clicked, it displays a popup window that contains additional information about an employee.

Thank you for your interest in our ASP.NET Core product libraries and UI component suite. We are moving ASP.NET Core-related demos and content to Please make sure to update your bookmarks with our new URL.

View Demo