Hi,

I need to incorporate two requirements in my application which are as follows :

1. The diagram should resize to fit all items in the diagram's visible area.

2. At the same time the diagram should always align to the top left corner of the client area (Client UI).

Any suggestions how can I incorporate these two requirement.

Thanks and Regards.
Anant Shukla.

Hi Stoyan,

With the previous requirements I also need  the diagram should always remain fit to the client area it should always fit exact on to the container on which its placed. Applying your suggestion from last post moves the complete diagram moves to the left of the containers area leaving lot of space which is not desired.

Thanks and Regards,
Anant Shukla.

Hi Stoyan,

Thanks for the vital help.

Definitely your suggestion has done the trick.

But there is another requirement the same requirement of the diagram to fit to the containers area and all the items should be fitted to the visible area is required but now at the initialization of the diagram. The same code would work surely but here I have included the following lines to show the nodes placed at negative coordinates :


Rect diagBounds = diagram.Bounds;
Rect rect = diagram.GetContentBounds(false, false);

diagBounds.Union(rect);
diagram.Bounds = diagBounds;

diagram.ScrollTo(rect.TopLeft);

The code used for the zoom to fit functionality is as follows :

private void btnZoomToFit_Click(object sender, RoutedEventArgs e)
{
diagram.HorizontalAlignment = HorizontalAlignment.Left;
diagram.VerticalAlignment = VerticalAlignment.Top;
diagram.ResizeToFitItems(10);
diagram.ZoomToFit();
Rect newBounds = diagram.ClientToDoc(
new Rect(0, 0, scrollViewer.ActualWidth, scrollViewer.ActualHeight));
diagram.Bounds = newBounds;
}

Any suggestions how can I resolve the issue and integrate both these codes together so that all the items on the diagram fit to the visible area of the diagram and the diagram itself fit to the client area.

Also few more issues :

1. When I say zoom to fit by click of a button the scrollbar should also disappear as there is no sense of it.

2. Also presently my diagram stretches  in the direction when I hold the left click of the mouse and drag the pointer which is not desired.

3. When the items on the diagram already fit into the diagram's visible area and I say zoom to fit then the diagram gets resized and items gets zoomed which is not desired. In this situation the diagram should remain as it was before.

Any suggestion how can I accomplish these.

Thanks and Regards,
Anant Shukla.

Hi Stoyan,

The code from your last post is not working.

Also I have few more issues which are as follows :

1. When I say zoom to fit by click of a button the scrollbar should also disappear as there is no sense of it.

2. Also presently my diagram stretches  in the direction when I hold the left click of the mouse and drag the pointer which is not desired.

3. When the items on the diagram already fit into the diagram's visible area and I say zoom to fit then the diagram gets resized and items gets zoomed which is not desired. In this situation the diagram should remain as it was before.

Any suggestion how can I accomplish these.

Thanks and Regards,
Anant Shukla.

Hi Stoyan,

Surely such a property will help a lot.

But thanks for all the vital suggestions. It really helped a lot.

Thanks and Regards,
Anant Shukla.