• Material 3
  • Fluent
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Theme Selection
Theme Modes
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Organizational Layout in ASP.NET MVC Diagram Control

This sample illustrates a simple business management structure that is built from an external data source. Hierarchical tree layout algorithm is used to build organizational charts. Customizing the orientation and structure of the organizational chart is illustrated in this example.

DEMO
SOURCE
Properties
Orientation
Subtree Alignment
Behavior
Horizontal Spacing
Vertical Spacing

This example shows how to generate an organizational chart from an external data source. The spacing between the objects can also be customized in the chart. The horizontalSpacing and verticalSpacing properties of layout can be used to customize the space between objects in a tree. The layoutOrientation property of layout can be used to change the orientation of the chart. The getLayoutInfo property of layout can be used to customize the tree structure. To change the tree structure, choose any template in the palette.


Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE