Diagram Canvas Size

[yenkay]

How to create a Rad Diagram canvas with fixed height and width and get only the positive quadrant (x,y) in the view port?

The issue is when I add shapes to the canvas it can be dragged to any quadrant of the canvas, which I want to restrict.

In any case the shapes should not go outside the positive x,y coordinates. I could not find any setting or implementation related to this any samples.

[Dinko | Tech Support Engineer]

Hi Karthik N,

I think the Restrict the Draggable Area help article is what you need. This article describes how you can use the DraggingService of the RadDiagram to restrict the dragging area.

I hope this article is helpful.

Regards,
Dinko
Progress Telerik

[yenkay]

The question I meant to ask was, the canvas when dragged or zoomed out, we are able to see the -x, -y quadrants of it, which I want to control. With that being restricted, the user will be able to work only on the positive quadrant of the canvas with Zoom/Drag options.

How to achieve this ?

[Dinko | Tech Support Engineer]

Hi Karthik,

Thank you for elaborating on your scenario.

What comes up to my mind is to use the BringIntoView() method of the RadDiagram. You could subscribe to the ViewPortChanged event. In its event handler, you can get check the new TopLeft point from the event arguments. If Top or Left properties are negative you can reset them to 0. The following code snippet demonstrate what I have in mind.

private void Diagram_ViewportChanged(object sender, PropertyEventArgs<Rect> e)
{
    if (e.NewValue.Top < 0)
    {
        diagram.BringIntoView(new Rect(e.NewValue.X, 0, e.NewValue.Width, e.NewValue.Height),false);
    }
    if (e.NewValue.Left < 0)
    {
        diagram.BringIntoView(new Rect(0, e.NewValue.Y, e.NewValue.Width, e.NewValue.Height),false);
    }
}

Regards,
Dinko
Progress Telerik