Example of Nodes in Javascript Diagram Control


This sample visualizes the different stages of a software development life cycle using a circular flow diagram. Customizing the appearance of the nodes is illustrated in this example.

More Details...


This example shows how to add nodes to a diagram control and how to customize the appearance of the nodes. The style property of the node can be used to customize the appearance of the nodes. To change the appearance, click different styles in the property panel. Here, you can see how to lock nodes to disable editing and how to enable proportional resizing. The constraints property of the node allows you to enable/disable editing and proportional resizing.