Border on arrows of RadDiagramConnection

[Tatiana]

Hello!

 

I'm using RadDiagramConnection to draw Line with Arrows. When I set StrokeDashArray to some array, for example "5 1" to draw dashed line, I get this dashed line on the border of my arrows.

So would you be so kind to tell me how I can remove these borders from my arrows please?

This is my code:

<telerik:RadDiagramConnection StartPoint="410,100" EndPoint="100,420"
                                                                  SourceCapType="Arrow1Filled" TargetCapType="Arrow1Filled"
                                                                  SourceCapSize="40,40" TargetCapSize="40, 40" StrokeDashArray="5 1"
                                                                  StrokeThickness="5" Background="White" BorderBrush="Transparent"
                                                                  Stroke="Red"
                                                                  />

Best regards,
Tatiana

[Martin Ivanov]

Hello Tatiana,

The line and the arrow cap of the connection are part of a single Geometry that is rendered via the native Path control. This means that the StrokeDashArray will be applied on the geometry and therefore on the arrow cap. I am afraid that this cannot be altered using the RadDiagram's API. 

However, there is a possible solution that you can use. Basically, you can create a custom RadDiagramConnection control and override its template. There you can include two additional Path controls for the arrow cap. Then you can draw them manually and customize their appearance as you like. I prepared a sample project showing this approach. Can you please check it out and let me know if it helps?

Regards,
Martin Ivanov
Progress Telerik

[Tatiana]

Hello Martin,

Thank you very much for your help, it worked for my case perfectly!

Best regards,
Tatiana