# Connector

## Content



The **C1OrgChart** exposes several properties that allow you to customize the lines used to connect the nodes. These properties include: [ConnectorStroke](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorStroke.html) (specifies the **Brush** used to create the connectors), [ConnectorThickness](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorThickness.html) (the thickness of the lines), [ConnectorDashArray](/componentone/api/wpf/online-orgchart/dotnet-framework-api/C1.WPF.OrgChart.4.6.2/C1.WPF.OrgChart.C1OrgChart.ConnectorDashArray.html) (used to create dashed lines), and a few others. These properties are analogous to the ones in the **Line** element.

For example, if you wanted to connect the items using gray dotted lines you could use this XAML markup:

```xml
<c1:C1OrgChart
   x:Name="_orgChart"
   ConnectorStroke="Gray"
   ConnectorThickness="3"
   ConnectorDashArray="1 1"
   ItemTemplate="{StaticResource EmployeeTemplate }" >
 </c1:C1OrgChart>
```

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

The **ConnectorDashArray** property uses a collection of **double** values that specify the widths of dashes and blank spaces, expressed in **ConnectorThickness** units.