You can use several properties to customize the lines used to connect the nodes of the C1OrgChart, including ConnectorStroke, ConnectorThickness, and ConnectorDashArray. These properties can be set in the XAML markup or in the Design View Properties window.
In XAML
To change the Item Connector color, insert ConnectorStroke="#FF970014" into the opening <OrgChart:C1OrgChart> tag.
To change the Item Connector thickness, insert ConnectorThickness="3" after the ConnectorStroke markup.
To customize the type of Item Connector used, insert ConnectorDashArray="1 1" after the ConnectorThickness markup. This will create a dashed connector.
The final XAML markup should resemble the following:
| Markup |
Copy Code
|
|---|---|
<OrgChart:C1OrgChart Name="_orgChart" Orientation="Horizontal" ConnectorStroke="#FF970014" ConnectorThickness="2" ConnectorDashArray="1 1"> |
|
In the Properties Window
You can also customize the Item Connectors through the Properties Window in the Design View.
- Locate the ConnectorStroke property and use the color picker to choose a new color for the Item Connector.
- Locate the ConnectorThickness property and select a new thickness. For this Help, use "3".
- Press F5 to run the application and note the changes you have made. The C1OrgChart control should appear as in the following image:
