Add a Custom Property To Diagram And Display It In the Property Editor

13 Jul 20212 minutes to read

The below given code snippet illustrates how you can add a custom property to Diagram and display it in the Property Editor.

//Derived Diagram

public class MyDiagram : Syncfusion.Windows.Forms.Diagram.Controls.Diagram


    public override Model CreateModel()


        return new QuickStart.MainForm.MyModel();



//Derived Model where the new property is added

public class MyModel : Syncfusion.Windows.Forms.Diagram.Model


    public override void SetDefaultPropertyValues()



        this.SetPropertyValue("MyCustomProperty", 0);





    Description("Description for MyCustomProperty")]

    public int MyCustomProperty




            object value = this.GetPropertyValue("MyCustomProperty");

            if (value != null)


                return (int)value;


            return 0;



'Derived Diagram

Public Class MyDiagram

Inherits Syncfusion.Windows.Forms.Diagram.Controls.Diagram

Public Overrides Function CreateModel() As Model

Return New QuickStart.MainForm.MyModel()

End Function 'CreateModel

End Class

'Derived Model where the new property is added 

Public Class MyModel

Inherits Syncfusion.Windows.Forms.Diagram.Model

Public Overrides Sub SetDefaultPropertyValues()


Me.SetPropertyValue("MyCustomProperty", 0)

End Sub 'SetDefaultPropertyValues 

Public ReadOnly Property MyCustomProperty() As Integer


Dim value As Object = Me.GetPropertyValue("MyCustomProperty")

If Not (value Is Nothing) Then

Return Fix(value)

End If

Return 0

End Get

End Property

End Class 'MyModel