Enum SubTreeAlignmentType
Specifies the collection of sub tree alignments in an organizational chart.
Namespace: Syncfusion.Blazor.Diagram
Assembly: Syncfusion.Blazor.dll
Syntax
public enum SubTreeAlignmentType
Examples
<SfDiagramComponent Height = "600px" NodeCreating="@NodeDefaults" ConnectorCreating="@ConnectorDefaults">
<DataSourceSettings ID = "Id" ParentID="Team" DataSource="@DataSource"></DataSourceSettings>
<Layout Type = "LayoutType.OrganizationalChart"
@bind-HorizontalSpacing="@HorizontalSpacing"
@bind-VerticalSpacing="@VerticalSpacing"
GetLayoutInfo="GetLayoutInfo">
</Layout>
</SfDiagramComponent>
@code
{
public class OrgChartDataModel
{
public string Id { get; set; }
public string Team { get; set; }
public string Role { get; set; }
}
public object DataSource = new List<object>()
{
new OrgChartDataModel() { Id= "1", Role= "General Manager" },
new OrgChartDataModel() { Id= "2", Role= "Human Resource Manager", Team= "1" },
new OrgChartDataModel() { Id= "3", Role= "Design Manager", Team= "1" },
new OrgChartDataModel() { Id= "4", Role= "Operation Manager", Team= "1" },
new OrgChartDataModel() { Id= "5", Role= "Marketing Manager", Team= "1" }
};
}
Fields
| Name | Description |
|---|---|
| Alternate | Aligns the child nodes alternatively on both left and right sides in a vertical sub tree. |
| Balanced | Aligns the child nodes horizontally to balance the width and height of the sub tree. |
| Center | Aligns the child nodes at the center of the parent in a horizontal sub tree. |
| Left | Aligns the child nodes at the left of the parent in a horizontal/vertical sub tree. |
| Right | Aligns the child nodes at the right of the parent in a horizontal/vertical sub tree. |