You could set node.Bounds and link.ControlPoints values if all you need is custom positions.

If you want to integrate it with diagram's arrange method, e.g. for handling unconnected subgraphs or animations, you will need to implement MyLayout.prototype.arrange = function (graph) method, that works with Graph, Vertex and Edge objects from MindFusion.Graphs namespace. E.g. see FractalLayout.js if you have the source code, or otherwise our developer could post a sample layout class for some simple tabular arrangement.

Regards,
Slavcho
Mindfusion

Hi,

Below is a simple custom layout that just orders the nodes in a diagram in a grid-like pattern:

var MyLayout = function ()
{
	this.multipleGraphsPlacement = MindFusion.Graphs.MultipleGraphsPlacement.Horizontal;
	this.margins = 5; // margins from the top left
	this.cols = 5; // nodes per row

	// grid sizes
	this.offsetX = 40;
	this.offsetY = 40;
};

MyLayout.prototype.arrange = function (graph)
{
	var x = 0, y = 0;
	for (var i = 0, col = 1; i < graph.vertices.length; i++, ++col)
	{
		var node = graph.vertices[i];
		node.x = x + node.width / 2;
		node.y = y + node.height / 2;
		x += this.offsetX;

		if (col >= this.cols)
		{
			col = 0;
			x = 0;
			y += this.offsetY;
		}
	}
}; 

To use it, just pass a new instance to the arrange method of the diagram:

function arrangeCustom()
{
    var layout = new MyLayout();
    diagram.arrange(layout);
} 

Regards,
Lyubo
MindFusion