Diagramming for ASP.NET MVC 1.4

We have just released a new version of the diagramming component for ASP.NET MVC. The new release contains new types of nodes, a new layout algorithm, styles, themes and more. Here are the details:

Table Nodes

Table cells can display text and/or image. The cells, columns and rows of a table have customizable style, image, text alignment and extents. The number of cells in a table’s grid can be changed programmatically. Tables with many rows can be scrolled.

Container Nodes

Container nodes contain other diagram nodes. When a container is moved, its children are moved too. Containers can be nested within each other to unlimited depth. They can be folded and unfolded. Nodes inside a container can be linked both inside and outside of it.

Container Nodes

Container Nodes

Styles and Themes

Instances of the new DiagramItem.Style class can be used to set the appearance of items as a single unit. If the Style of an item does not define value for one of its attributes, it is looked up in the styling hierarchy – in the Style of the diagram, in the current Theme or the set of default styles defined for each item class.

The “Styles and Themes” section in the online documentation provides useful team on how to use these new features.

The Slate Theme

The Slate Theme

Shadows

Diagram items can have shadows with customizable shadow color and offset.

One-way Layout

The OneWayLayout class ensures that links enter into nodes from the same direction and exit from the opposite side. If the graph contains cycles some links bend around their nodes to keep the enter/exit direction consistent. The algorithm aims to minimize the number of such links.

One Way Layout

One Way Layout

Parallel layouts (on server side)

The .NET 4 version of MindFusion.Diagramming takes advantage of the Task Parallel Library (TPL) to enable parallelism on the different layout algorithms. Set the EnableParallelism property on the Layout class to true to enable arranging different subgraphs on different threads to possibly improve performance on multiprocessor systems.

Preserve order in tree layout (on server side)

The Balance property of TreeLayout can be set to Preserve to keep the original geometric order of child nodes when arranging them under their parent. This can be used to arrange tree branches in a specific order by first positioning them in increasing horizontal or vertical positions.

More information about the new release is posted at the forum. You can download the trial version of the component from the link below:

Download MindFusion.Diagramming for ASP.NET MVC 1.4

About Diagramming for ASP.NET MVC Control: It is a multipurpose 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.

Diagramming for ActiveX 4.6 Beta

MindFusion has just released a new beta version of its popular diagramming component for ActiveX. We have added a ruler control, table footers and more. Here are the details:

Ruler control

The Ruler control provides horizontal and vertical scales that help users measure flowchart items. It tracks mouse movements and modifications being performed on an item and displays markers over the scales that indicate the current position in the diagram coordinate system. You can align several items by selecting them, clicking on a scale and then dragging.  If no items are selected all items are aligned.

Preserve order in tree layout

If you enable the new PreserveOrder property of the TreeLayout, the layout object will preserve the original geometric order of child nodes when arranging them under their parent. This can be used to arrange tree branches in a specific order by first positioning them in increasing horizontal or vertical positions.

Tree Layout

Tree Layout

Table footers

Table nodes can display footer text with the new Footer property. You can customize the footer with the FooterHeight, FooterStyle, FooterColor and FooterFillColor properties.

Table Nodes

Table Nodes

Miscellaneous

  • setting Behavior to bhSelectOnly allows user only to select existing items, but not to modify them or draw new ones
  • PrintOptions.HeaderFont specifies the font of the header in a printed page
  • intermediate arrowhead shapes rendered for Bézier links
  • and more

You can read more about the new features of this release of FlowChartX at the news section of the forum. The beta version of the control is also available – you can download it from here:

Download Diagramming for ActiveX 4.6 Beta

About MindFusion.Diagramming for ActiveX: An ActiveX programming component that lets you create with ease every type of diagram, flowchart, scheme, chart, hierarchy, tree etc. The control supports rich user interaction model with advanced features like tool tips, grid alignment, docking points for nodes, scrolling and zooming and many more. FlowChartX implements 7 automatic layouts as well arrow routing. The appearance if each flowchart is completely customizable. Nodes can hold both images and text, their Z-order can be changed and there are tens of predefined shapes to choose from.

The control also includes detailed documentation and many samples for a variety of languages and platforms. You can find more about the features of the tool at the features page or check the licensing scheme and the prices here.