OrgChart for WPF and Silverlight | ComponentOne
C1OrgChart Task-Based Help / Customizing the C1OrgChart Item Connector
In This Topic
    Customizing the C1OrgChart Item Connector
    In This Topic

    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 <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:

    XAML
    Copy Code
    <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 property and use the color picker to choose a new color for the Item Connector.
    2. Locate the ConnectorThickness 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