Hi,

I need to get structure in the diagram (for the required structure I had already sent a mail to support@mindfusion.eu headed "Diagram queries")?

Can this be implemented using the LaneDiagram.

Here the two structures(Header x and Header Y) have different number of rows.

How can we also get the following specifications:

* If lanes concept be applied then how the size of node should be proportional to the number of rows occupied by it in laneDiagram.

* When we drag the nodes from one place to another within one group(Say in Header X) then can a tooltip be made available indicating we are over which row of lane grid and on drop place the node at that row position occupying the same no of rows it was occupying earlier.

* Can a thumb lever be provided to each node(as in fig. attached) when the node is selected.Also the drag/drop of lever performs the same functionality as of the drag/drop for node.

Thanks,

Hi Stoyan,

Thanks for the suggestion.

I have some queries in this

1). Can I use Rect instead of ShapeNode? This Rect will contain all the nodes and in this way can we put two Rect in the diagram?

2). Is it possible to Drag and Drop nodes within the Rect only, in which it is placed?

3). What wil be the custom implementation for thumb handle?

4). Can we divide each Rect into a given number of rows so that placement of nodes within the Rect be done corresponding to Rows?

As I am new to Diagramming, could you please provide me a sample so that I can start working on it.

Many thanks in advance,
Priyanka

Hi,

Thanks for your reply..!!!!
The idea worked...!!!!

I am facing the following issues when come to development.

PLEASE REFER THE MAIL(with a sample project attached ) SENT TITLED "Diagram queries - Attached Sample Project" FOR THE ELEMENTS I AM TALKING ABOUT...!!!!


* I am not able to drag n drop "Element E" till the end of pink diagram whereas I am able to drag "Element B".
what could be the reason...can you please help for..
Also if we select Element E and give a Value in StartFrom text box as 28 and the press Go button it moves to the desired location

* Is there any way to make the child nodes Center Aligned for the parent shape node.

* Also when we drag Element B from one place to another it moves from back of all the nodes except for Element A(moves from front).
Is there a way to make all the nodes move from FRONT.

* I am not able to create a thumb handle for the nodes. Can u please add sample code to the project for it.



Thanks for your replay in advance....

Quote:


This happens because of the automatic grid alignment. Moving Element E further down and aligning it to the grid would move the element outside the pink container, and the Constraint.KeepInsideParent prevents you from doing that. You can solve this by setting diagram.AlignToGrid = false.

I hope that helps,
Stoyan

Quote:

diagram.DrawAdjustmentHandles += new DrawItemEventHandler(diagram_DrawAdjustmentHandles);
diagram.HitTestAdjustmentHandles += new HitTestEventHandler(diagram_HitTestAdjustmentHandles);

void diagram_HitTestAdjustmentHandles(object sender, HitTestEventArgs e)
{
	// this is in diagram coordinates
	Rect r = e.Item.GetBounds();
	r.X -= 20;
	r.Width = 15;
	if (r.Contains(e.MousePosition))
		e.HitResult = 8; // move
}

void diagram_DrawAdjustmentHandles(object sender, DrawItemEventArgs e)
{
	// this is in local coordinates
	Rect r = e.Item.GetBounds();
	r.Y = 0;
	r.Width = 15;
	r.X = -20;
	e.Graphics.DrawRectangle(Brushes.AliceBlue, new Pen(), r);
} 

and also set childNode.HandlesStyle = HandlesStyle.Custom when creating the nodes.

I hope that helps,
Stoyan

Hi,

It's not possible to combine the HandlesStyle flags, though we could implement that at least for the Custom member. Now you could trick the node into rendering some of the standard handles like this:

void diagram_DrawAdjustmentHandles(object sender, DrawItemEventArgs e)
{
	// this is in local coordinates
	Rect r = e.Item.GetBounds();
	r.Y = 0;
	r.Width = 15;
	r.X = -20;
	e.Graphics.DrawRectangle(Brushes.AliceBlue, new Pen(), r);

	DiagramNode node = e.Item as DiagramNode;
vif (node != null)
	{
		node.HandlesStyle = HandlesStyle.HatchHandles;
		node.DrawHandles(e.Graphics, Brushes.Black);
		node.HandlesStyle = HandlesStyle.Custom;
	}
}
 

I hope that helps,
Stoyan

Change the hit-test handler to this:

void diagram_HitTestAdjustmentHandles(object sender, HitTestEventArgs e)
{
	// this is in diagram coordinates
	Rect r1 = e.Item.GetBounds();
	Rect r2 = r1;
	r2.X -= 20;
	r2.Width = 15;
	if (r1.Contains(e.MousePosition) ||
		r2.Contains(e.MousePosition))
		e.HitResult = 8; // move
}
 

I hope that helps,
Stoyan

Try appending a ScaleTransform to the node's RenderTransform such that the scaleX/Y values are equal to 100/ZoomFactor.