custom connector shape

[al]

hi dear supporters,

I need to change the shape of connectors of a shape to a custom shape that is a jpg or other image formats.

how can I do that?

[Dinko | Tech Support Engineer]

Hi,

You can create a custom style with TargetType=":RadDiagramConnector" and set it to the ConnectorStyle property of the RadDiagramShape. Then you can override the default template of the connector by creating custom ControlTemplate and set it to the Template property of the RadDiagramConnector. Take a look at the following code.

<Window.Resources>
    <ControlTemplate x:Key="connectorTemplate" TargetType="telerik:RadDiagramConnector">
        <Image Source="/MyProject;component/Images/MyPictureName.jpg"  Stretch="UniformToFill"/>
    </ControlTemplate>
    <Style x:Name="customImageConnector" TargetType="telerik:RadDiagramConnector">
        <Setter Property="Template" Value="{StaticResource connectorTemplate}"/>
    </Style>
</Window.Resources>
<Grid>
    <telerik:RadDiagram>
        <telerik:RadDiagramShape x:Name="Shape1" Position="100,300" Content="Shape1" IsSelected="True" ConnectorStyle="{Binding customImageConnector}" />
    </telerik:RadDiagram>
</Grid>

Hope this information is useful.

Regards,
Dinko
Telerik by Progress

[al]

hi and thank you.

i need to do all of it in the code behind not xaml and resources.

can you provide me a sample code for that?

Best regards,

[al]

thank you Dinko. it worked.

i defined the rosourve in XAML (and changed the name to key in x:Name="customImageConnector") and then i get the resource by the below command:

Style s=FindResources("customImageConnector") as Style;

connector.Style=s;

thank you,