New to Telerik UI for Blazor? Download Free 30-day trial
Diagram - Configuration
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Configurator
Layout Type
TreeLayout Sub Type
RadialShape Type
CircleConnection Type
Cascading- Configuration.razor
Loading the demo source code...please wait.
Description
This demo shows the main Diagram settings related to layouts, shapes and connections.
The Telerik Blazor Diagram provides multiple built-in layouts for cases when you don't need to define the positions of all shapes manually. The built-in layouts include Tree layout, Force layout and Layered layout. The Tree and Layered layout types support sub types.
Shapes support types like Rectangle, Circle, Image, Text, and others that are designed for workflows (flow charts). The Source parameter of an image shape can point to a remote URL or a data URI.
Cascading or Polyline.
This Blazor Diagram Configuration example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.