New! Database Schema & UML Modeling examples
Extending EasyDiagram.NET to some real-world examples never felt better.
Finally, to those of you tired of the color ring examples, I'm trying to get
some decent real-world, hands-on examples out there. While yet a work in
progress, a new database diagramming example has been added for you to begin to
see the possiblities in creating SQL Diagrams using EasyDiagram.NET. Please
stay tuned for a forthcoming example in UML. More features will be coming
which will improve on these practical uses as well.
New! Extensive node locking & grouping capabilities
Grouping nodes and dragging them just got easier!
In order to simplify the real-world development of database schema diagramming and UML modeling, EasyDiagram.NET now
contains more power to group and drag. Excited? Set one of these props and let EasyDiagram.NET do its thang:
LockChildrenToXPlaneOnDrag, LockChildrenToYPlaneOnDrag, AutoSnapChildrenBelow, TextPlacement, DraggingEnabled,
Drag & Drop Simplicity
Automatic saving of node postion on drop
Event-driven node repositioning means developers can save the draggable node's
coordinates on the drop. By implementing a lightweight AJAX solution, the
component never completes a full postback to the server, making the node
repositioning transparent to the user.
Direct-draw and orthogonal modes
Change your diagram based on your needs
Both lightning fast, Direct-draw and orthogonal (right-angle) diagram modes
allow you to cater your diagram to the content your diagramming. So whether your
mapping out UML diagrams, geneology family trees, organization charts, or the
subatomic particlate matter of hydrogen, EasyDiagram can help provide the most
Adding nodes is a snap
Adding new nodes to a diagram is as simple as setting up the nodes when the page
loads. Heiarchies are intuitive: all parent/child declarations are done with
simple, intuitive coding.
Customize your lines
Global and line-specific coloring and thickness options
While yet experimental, it's a snap to change the diagram node line color or
thickness globally as well as on a node-by-node basis.
Customize your nodes
Choose the image and more
You can assign any added node to display any image you choose. You can also
define the background css class for the info, warning, and error status nodes
(assuming you're using the AJAX timer), as well as the delete button css class.
Node status updates
This AJAX timer just brought your diagram to life
If you need to react to real-time events and update your diagram nodes
accordingly, the NodeIntervalStatus property will allow you to return logging
events and display corresponding information next to each node without any
postback to the server.
React to node clicks
Both a "detail" button and double-clicking are at your command
You can react to events on the server-side from client side button clicks or
double-clicks on your node using AJAX.