We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize line connector's decorator in Diagram?

Platform: WinForms |
Control: Diagram |
Published Date: April 30, 2011 |
Last Revised Date: July 10, 2014

 

To add custom decorator shape for the connectors, Load() method of Decorator class is used. Load() method is used to load new custom graphics path.

C#

OrthogonalConnector link = new OrthogonalConnector(rec1.PinPoint, rec2.PinPoint,

MeasureUnits.Pixel);

link.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow;

link.TailDecorator.Load(this.CreateCustomDecorator());

this.diagram1.Model.AppendChild(link);

private GraphicsPath CreateCustomDecorator()

{

GraphicsPath gpPath = new GraphicsPath();

gpPath.AddEllipse(0, 0, 10, 20);

return gpPath;

}

VB

Dim link As OrthogonalConnector = New OrthogonalConnector(rec1.PinPoint, rec2.PinPoint,

MeasureUnits.Pixel)

link.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow

link.TailDecorator.Load(Me.CreateCustomDecorator())

Me.diagram1.Model.AppendChild(link)

Private Function CreateCustomDecorator() As GraphicsPath

Dim gpPath As GraphicsPath = New GraphicsPath()

gpPath.AddEllipse(0, 0, 10, 20)

Return gpPath

End Function

Sample :

http://help.syncfusion.com/support/samples/kb/diagram.windows/kb_customdecorator/DiagramSample.zip

2X faster development

The ultimate WinForms UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon