Components
Applications
Support
Company
Web Store
Diagramming for ASP.NET MVC 1.2 Released
 

Thursday November 10, 2011

MindFusion has just released a new version of its diagramming component for ASP.NET MVC. There are new features in both the server and client side libraries. Here are the details:

Server-side
Fractal tree layout

FractalLayout is a tree layout algorithm that places child nodes symmetrically around their parent node. Nodes at the lowest level are arranged directly in a circle around their parent. At upper levels, the already arranged nodes form branches that are arranged in a circle around the new parent node. The algorithm is recursively repeated till the highest level is reached.

Layout class improvements
Fractal tree layout
Miscellaneous
  • WmfExporter now also renders the LaneGrid in the exported WMF drawing.
  • GetNearestNode returns the node that is closest to the specified point.
  • The GetLinksAt method returns all links located at the specified point.

Client-side
Alignment grid
The alignment grid helps users place diagram nodes more precisely. Set the AlignToGrid property to true in order to activate the grid. The distance between adjacent grid points is set with the GridSizeX and GridSizeY properties. The grid can be either visible or invisible depending on whether ShowGrid is true or false. If visible, the grid appearance is specified with GridStyle and GridColor.
Alignment grid

Bordered tree layout
In contrast to the TreeLayout, which centers the parent node above its child nodes, the BorderedTreeLayout arranges children in columns at a horizontal offset form their parent (see Tutorial 2). BorderedTreeLayout members control the tree direction, how much space to leave between tree levels, and between nodes on the same level.

Automatic link routing
A link whose AutoRoute property is enabled automatically finds a route that won't cross nodes marked as obstacles. Call setRouteLinks to specify the default AutoRoute value of new links. Links can be explicitly routed by calling their route method or the routeAllLinks method of Diagram. The minimal distance between routed links and nodes can be set by calling setRouteMargin.

Anchor points for nodes

Anchor points
The new AnchorPattern class represents a set of AnchorPoint objects, which specify the exact locations where links are allowed to connect to nodes. A pattern is assigned to the node by calling its setAnchorPattern method. The AnchorPattern class exposes several predefined patterns as static fields: decision2In2Out, decision1In3Out, leftInRightOut, topInBottomOut.

Miscellaneous

  • The Events class exposes available events as static members that can be used as arguments of addEventListener.
  • NodeTextEdited and linkTextEdited events are raised when the user edits the text of nodes or links.
  • The mouse cursor changes when pointing an adjustment handle to indicate what kind of modification will occur.

You can download the trial version of the component from the link below:

Download MindFusion.Diagramming for ASP.NET MVC 1.2

 

Technical support

Technical support is available at the Diagramming for ASP.NET MVC forum, the help desk, or per e-mail at support@mindfusion.eu. Excellent customer support is one of our top priorities and we try to provide competent and detailed answers to all your questions within hours of receiving them.

About Diagramming for ASP.NET MVC Control: It is a multi-purpose diagramming tool that consists of two parts: a .NET class library running on the server and a client side control implemented in JavaScript. The server side .NET library implements a flow-diagramming object model that lets you define structures such as trees, flowcharts and graphs. Every element in the diagram is easily accessible and the whole diagram is rendered as part of an HTML page by just calling the DiagramView extension method.

On the client the diagram is rendered by a DiagramView JavaScript control that draws its content on an HTML Canvas. The user is able to add nodes and links simply by drawing them with the mouse. There is also a NodeListView control, which lets users create new nodes via drag and drop.

MvcDiagram also supports various automatic layout algorithms that will make every diagram easy to understand and nice to look at. The diagram can also be easily serialized in binary or XML format. Exporting is done in a variety of formats including Pdf, Svg, Visio and more. You can read details about the components at the MvcDiagram features page.
   
 
   
Forums: FlowChart.NET, WpfDiagram, DiagramLite, JsDiagram, MasterChart, WebChart, Planner.NET, WpfPlanner, Reporting, ReportingLite
© MindFusion Ltd. 2012