Tritium UI
TritiumOrgChartView
Draw an organization tree with connectors, expand and collapse, and find a person.
Key features
- Bind a hierarchy with children, or a flat list with id and parent id.
- Show a label, a subtitle, and an optional image on each node.
- Lay the tree top-down or left-to-right with orthogonal connectors.
- Expand all, collapse all, or collapse to a level, and select a node.
- Pinch to zoom, and use the mouse wheel on Windows.
- Highlight a name and scroll to the match with QuickFind.
- Export the chart to a PNG stream or file.
Platforms
Android, iOS, Mac Catalyst, and Windows 10 version 19041 and later (.NET 10 MAUI). Mouse-wheel zoom is available on Windows.
Main API
- ItemsSource . The nodes, either a tree or a flat parent/child list.
- Orientation . TopDown or LeftRight.
- ChildrenPath . Property that holds child objects; use IdPath and ParentIdPath for a flat list.
- ItemTapped . Fires with the bound item and the chart node.
Basic example
Declare this namespace on the page.
xmlns:org="clr-namespace:Tritium.Maui.OrgChart;assembly=Tritium.Maui.OrgChart"
<org:TritiumOrgChartView ItemsSource="{Binding People}"
LabelPath="Name"
SubtitlePath="Title"
ChildrenPath="Reports"
Orientation="TopDown" />Add the package source from your license, then reference the package that includes this control. These packages are not on the public NuGet Gallery.