Hi!

The easiest way to implement this is to really use two types of nodes.

The panel part could be a UserControl wrapped in a DiagramNodeAdapter. You get an adapter created automatically if you simply call diagram.Nodes.Add(userControlInstance), or you could explicitly create one to access its properties. For another way to create the panel, see tutorial 3.

For the grid part use a TableNode with as many rows and columns you need. Set its CaptionHeight to 0 to hide the table's caption area.

Next, use the AttachTo method to glue one of the nodes to the other one, or perhaps create a background node that will fit the two parts inside it.

An alternative (and harder to implement) option is to create a custom node type that shows the grid as part of its Xaml template. You will also have to derive from the ConnectionPoint class to keep information about the grid line where the link connects, and return instance of this class from your nodes' CreateConnectionPoint override.

I hope that helps,
Stoyan

Please, for an attached node, is there a way to glue the 2 nodes? When I move the master node, the other move, but when I move the second node, the master one will not move.


Thanks

Hi

If I attach A to B and B to A, I get an overflow. Small wonder .

For the second suggestion, I am not sure I understand.

If you mean that I should create a third node and attach the A and B to it, but how that will prevent the user to move A or B?

If you mean that I should create a third node and this node has it own collection of "children nodes", please could you show me how to do that, with a few lines of code?

In fact, a few lines of example would be great anyway .

Thanks a lot

It works fine, thank you!