MindFusion.Diagramming for ASP.NET MVC, V1.8

We have just released version 1.8 of Diagramming for ASP.NET MVC programming component. Here is a list of the most important new features:

Rounded links

Links whose Shape is set to Polyline or Cascading can be rendered with rounded joints between segments – just set the Diagram.RoundedLinks property to true. You can specify the radius of joint arcs with the Diagram.RoundedLinks property.

Link crossings

The component can represent the crossing point of two links either as an arc (bridge) drawn for the link with higher Z-index or as a cut drawn in the link with lower Z index. To enable that, you must set the Diagram.LinkCrossings property to LinkCrossings.Arcs or LinkCrossings.Cut. You can specify the radius of crossing arcs with Diagram.CrossingRadius.

Arcs at links crossings.

Arcs at links crossings and rounded links.

Visio2013Importer improvements

  • The Item argument of ImportItem event handlers is now pre-set to a DiagramItem instance created for the imported Visio shape, letting you avoid parsing some standard data such as Bounds or Text. You can either modify this item’s properties, or replace it with a new instance of a different type.
  • a few bugs have been fixed

Miscellaneous

  • node rotation was ignored by link routing algorithm; now links are routed around the rotated node’s boundaries.
  • the routeAllLinks function pulls apart link segments if they would overlap.
  • set Diagram.Behavior to Pan to let users only pan the view when dragging the mouse.
  • and more – you can read the list here.

The trial version is available for download from the link below:

Download MindFusion.Diagramming for ASP.NET MVC, V1.8

MindFusion support team is happy to assist you with any questions you might have about Diagramming for ASP.NET MVC or any other of our products. You can leave a message at the discussion board, use the help desk or e-mail support@mindfusion.eu.. We strive to provide competent and detailed answers to 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.

MindFusion.Diagramming for ASP.NET, V5.0.4 and MindFusion.Diagramming for ASP.NET MVC, V1.7

MindFusion has released beta versions of its Diagramming components for ASP.NET and ASP.NET MVC. Here is an overview of the most important new features added to both controls:

Import of Visio *.vsdx files

Use the new Visio2013Importer class to import any *.vsdx file created with Visio 2013 into your diagrams. First, you must add a reference to MndFusion.Diagramming.Import.Visio.dll assembly. Various overloads of the Import method let you choose how your Visio file will be presented – as a DiagramDocument, whose pages correspond to the Visio pages or as a single Diagram, whose content is merged from all Visio pages. Every node shape and connector from the Visio file is represented with a ShapeNode and DiagramLink object in the imported diagram. The Shape, Text, Brush and properties of each MindFusion.ShapeNode object and the Origin, Destination and ControlPoints properties of each MindFusion.DiagramLink object are set to values that make the imported links and nodes resemble as much as possible their Visio counterparts.

New predefined shapes

The Shapes class boasts a handful of new shapes – RightTriangle, Decagon, Trapezoid, Star4Pointed, Star5Pointed, Star6Pointed, Star7Pointed, Star16Pointed, Star24Pointed, Star32Pointed, Donut and Plaque.

The new predefined node shapes.

The new predefined node shapes.

New features only in MindFusion.Diagramming for ASP.NET

  • Canvas mode improvements:
    • support for the HandlesStyle property of nodes
    • support for dynamic links
    • layout algorithms can be applied to the content of a ContainerNode
    • and more
  • Java mode improvements:
    • support for RoundedLinks and RoundedLinksRadius properties
    • the AutoSnapDistance lets you snap links, which are drawn interactively to a nearby node
    • Permissions attribute added to applet manifest file to allow loading the applet under Java 7 update 51
Container nodes.

Container nodes.

New features only in MindFusion.Diagramming for ASP.NET MVC:

Adjustment handle styles.

You can customize the appearance of nodes’ adjustment handles with the HandlesStyle property. Choose among round and square handles, dashed and hatched frames, and some combinations. The handles style also sets what part of the node can be dragged, which moves or resizes it. You can even create your own custom handles.

Dynamic links

A dynamic link automatically changes its end segments to point to the centers of its target nodes when they are dragged around. If a node’s AnchorPattern is set, the ends of the dynamic link will align to the closest anchor point instead.

ContainerNode enhancements

  • You can apply layout algorithms to the content of a ContainerNode by calling its arrange method
  • The new containerChildAdding and containerChildRemoving events let you prevent adding or removing child nodes to/from a container

You can read more about the new features of the components at the corresponding news page at our forum – click here for NetDiagram and here for MVC Diagram.

MindFusion support team is happy to assist you with any questions you might have about Diagramming for ASP.NET, Diagramming for ASP.NET MVC or any other of our products. You can leave a message at the discussion board, use the help desk or e-mail support@mindfusion.eu.. We strive to provide competent and detailed answers to your questions within hours of receiving them.

About Diagramming for ASP.NET: An advanced WebForms programming component that offers all the functionality that is needed for creating, styling and presenting attractive flowcharts, hierarchies, trees, graphs, schemes, diagrams and many more. The control offers numerous utility methods, path finding and cycle detection, rich event set and many useful user interaction features like tool tips, multiple selection, copy/paste to/from Windows clipboard and many more.

NetDiagram offers more than 100 predefined node shapes, scrollable tables, 13 automatic layouts and many more. You can check the online demo to see some of the features in action. The control includes many samples, detailed documentation and step-by-step tutorials. Every features is duly documented and there’s plenty of code to copy. We have done our best to make the component not only powerful and scalable, but easy to learn and fun to use.

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.

Diagramming for ASP.NET MVC, V1.6

MindFusion is pleased to announce a new release of its Diagramming component for ASP.NET MVC. Here is an overview of the new features:

Import of OpenOffice Draw files

You can now import .odg files, created by the OpenOffice Draw vector graphics editor. Various overloads of the Import method can be used to import the OpenOffice drawing into a DiagramDocument, whose pages correspond to the Draw pages or into a single Diagram, whose content is merged from all important pages. The new DrawImporter class supports shapes from the General and Flowchart shape palettes in Draw. For each node and connector shape, the importer creates a matching ShapeNode or DiagramLink object and sets their properties in such manner that the source shape or link is matched as precisely as possible.

ContainerNode Improvements

  • child nodes are now drawn by their containers; when the containers overlap, the children of the lower container do not appear in front of the children of the upper container anymore;
  • you can use the ClipChildren property to specify whether child items are clipped to the container’s boundaries;
  • the ZIndex property does not get automatically updated when new nodes are dropped into a container.
Container Nodes

Container Nodes

PdfExporter Improvements

  • Improved handling of clip regions in custom drawing code
  • PDF shadings now include all colors from a ColorBlend
  • PdfExporter is now thread-safe
The PdfExporter

The PdfExporter

Miscellaneous

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.6

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.

Diagramming for ASP.NET MVC 1.5

A new version of MindFusion diagramming tool for ASP.NET MVC is released. Here is a list of the new features:

Node Effects

You can now apply two visual effects – the GlassEffect and AeroEffect to nodes. To apply an effect,
you must create an instance of the GlassEffect or AeroEffect classes, adjust its properties and add the instance to the Effects collection of the node. You should use Diagram.NodeEffects if you want to apply the effects on all nodes. Effects can be applied at any time and this will immediately affect the
appearance of the diagram. You can apply more than one effect of the same type as well effects of
different types simultaneously.

Sample themes for your diagrams.

Sample themes for your diagrams.

Radial Gradients

You can set gradient brushes for nodes with the setBrush method. If your gradient blends only two
colors, you can use the color1 and color2 fields to specify them. For more colors you have colorStops.

Multiple Labels per Link

Use the LinkLabel class to set multiple captions on a single DiagramLink object. Link labels provide a set of properties that allow full customization of their appearance and position. Labels support automatic arrangement to avoid overlapping nodes and other labels – set LinkLabel.AutoArrange to true.

A network chart.

A network chart.

New Events

As well other new methods and features. Read the full list at the news page on the MvcDiagram forum
section.
The trial version of the new release is available for download from the following link:

Download MindFusion.Diagramming for ASP.NET MVC 1.4

Technical Support

If you have any questions about Diagramming for ASP.NET MVC you can post them at the forum, the
help desk, or per e-mail at support@mindfusion.eu. Excellent customer support is one of MindFusion top
priorities and we try to provide competent and detailed answers to your questions within hours of
receiving them.

About Diagramming for ASP.NET MVC Component: 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 beautiful 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 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.