Diagram / Getting Started / HTML Shapes

Blazor Diagram Example - Node Template Rendering Customization

Loading Syncfusion Blazor Server Demos…

This sample demonstrates hosting HTML elements within nodes for creating complex custom node content like charts and grids.

Template implementation:

  • Host HTML controls inside nodes
  • Set HTML property to Type
  • Define content using NodeTemplate
  • Create expense tracker with Chart and Grid components