connector style

[nicolasf]

Hi,

I would like define 1 style to my left connector (color blue) and 1 other style to my right connector (color red).

This is my code :

 

<core:ConnectorCollection x:Key="customConnectors">
    <telerik:RadDiagramConnector x:Name="Left" Offset="0 0.5" BorderBrush="Blue" Background="Blue" BorderThickness="1" />
    <telerik:RadDiagramConnector x:Name="Right" Offset="1 0.5" BorderBrush="Red" Background="Red" BorderThickness="1" />
    <telerik:RadDiagramConnector x:Name="Auto"
                                 Opacity="0"
                                 Offset="0.5 0.5" />
</core:ConnectorCollection>

 

But my code doesn't work

Can you help me please ?

Thanks,

Nicolas

[Dinko | Tech Support Engineer]

,

To add custom connectors you can take a look at the Custom Connectors help article in our documentation which describes this approach. Also, there is SDK example in our GitHub repository which demonstrates how to define custom connectors.

Regards,
Dinko
Progress Telerik

[nicolasf]

Hi Dinko,

Thanks for your answez. I already use custom connector but the color define in my style doesn't take effect.

Have an example with two differents colors for one shape ?

Thanks,

Nicolas

[Dinko | Tech Support Engineer]

Hello Nicolas,

I have modified the CustomConnectors SDK sample project to demonstrate how to set the color of a custom connector. In a few words, I have set the Background property of the RadDiagramConnector() in the DiagramLoaded() event handler.

private void DiagramLoaded(object sender, RoutedEventArgs e)
{
    this.diagram.Shapes.ToList().ForEach(x =>
    {
        var connectorUpRight = new RadDiagramConnector() { Offset = new Point(1, 0.25), Name = x.Name + "Connector1Right", Background=Brushes.Red };
. . . .

The project is attached to this reply. Give this project a try and let me know if it works for you.

Regards,
Dinko
Progress Telerik