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. Image for the cookie policy date

Diagram Editor

Do you have a diagram editor which allows to:
- change the brushes, colors, pens of nodes and connectors
- define/change connector line-types and arrows
- define style and location of labels
- handle basic shapes like a rectangle


3 Replies

RT Ramya Thirugnanam Syncfusion Team May 24, 2011 07:29 AM UTC

Hi Jani,
1. Regards to Customizing the LineConnectors ,this can be done using the LineStyle Property of the Connectors. Please refer to the attached sample for Customizing Nodes.For further details about the LineStyle Property of the Connectors, please refer the Online Help Documentation.
Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features-> LineConnectors-> Customizing Line Connectors
2. For Changing the Line Connector types and Arrows, it can be done by using the Connector Type and Decorator Shape Property of LineConnector respectively, Please refer to the Online Help Documentation.
For Changing the Line Connector types,
Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features-> LineConnectors-> ConnectorType
For Customizing the Line Connector’s Arrows
Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features ->LineConnectors-> Decorator Shapes
3.Regards to label location, this can be done only by using Horizontal and VerticalAlignment. For customizing the Label’s position and style ,please refer to the Online Help Documentation.
For Node’s Label ,
Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features-> Nodes-> Customizing the Label for Nodes
For Line Connector’s Label,
Link: Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features-> LineConnectors-> Line Connector Label
4.With regards to basic shapes ,we have provided some basic set of shapes. The shapes can be selected using the Shapes property of the Node also own custom shapes can be used as Node. For further details about the shapes, please refer to the Online Help Documentation
Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features-> Nodes->Node Shapes-> Predefined Node Shapes
For Custom Shapes,
Link: http://help.syncfusion.com/ug_92/User%20Interface/Silverlight/Diagram/index.htm and Navigate to Concepts and Features-> Nodes->Node Shapes-> Custom Shape

Please let us know if you have any further queries and we will be happy to help you out.

Regards,
Ramya





Customizing the Nodes_d3611de9.zip


JG Jani Giannoudis May 24, 2011 09:17 AM UTC

Hi Ramya,

Many thanks for your feedback.

My request was if there exists already an 'Editor' for such operations.



RT Ramya Thirugnanam Syncfusion Team May 26, 2011 05:20 AM UTC

Hi Jani,

We have created the sample based on your requirement. In this sample ,Selected Node and Line Connector can be customized by using the Format Ribbonbar. Please refer to the attachment

Please let us know if you have any further queries and we will be happy to help you out.

Regards,
Ramya




DiagramEditor_3c374df7.zip

Loader.
Live Chat Icon For mobile
Up arrow icon