# Customizing the C1OrgChart Item Connector

## Content



You can use several properties to customize the lines used to connect the nodes of the [C1OrgChart](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.html), including [ConnectorStroke](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorStroke.html), [ConnectorThickness](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorThickness.html), and [ConnectorDashArray](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorDashArray.html). 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 `_<c1:C1OrgChart>_` tag.

To change the Item Connector thickness, insert **ConnectorThickness="3"** after the Connector Stroke markup.

To customize the type of Item Connector used, insert **ConnectorDashArray="1 1"** after the Connector Thickness markup. This will create a dashed connector.

The final XAML markup should resemble the following:

```xml
<c1:C1OrgChart x: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.

1.  Locate the [ConnectorStroke](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorStroke.html) property and use the color picker to choose a new color for the Item Connector.
2.  Locate the [ConnectorThickness](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorThickness.html) property and select a new thickness. For this Help, use "**3**".
3.  Press **F5** to run the application and note the changes you have made. The **C1OrgChart** control should appear as in the following image:

![C1OrgChart for WPF](https://cdn.mescius.io/document-site-files/images/282d56f4-1ae7-4585-bed7-ef71b36e32f5/imagesext/image10_0.png)