AutoFit from NavigationPanel

[Davide]

Hi,
I've noticed that when the AutoFit button is pressed in the RadDiagramNavigationPane the AutoFit() function is called. My intent is to call the AutoFit(Thickenss margin, bool useAnimation) setting the margin to 0. I tried to override the AutoFit() method but this is not possible. Is there another way to do this? When i call AutoFit() I see that a margin is present while when I call the AutoFit(new Thickness(0)) this margin is absent. Is this thickness a propert of the diagram that can be set?

Thx

Davide

[Pavel R. Pavlov]

Hi Davide,

In order to change such core functionality of the DiagramNavigationPane control, you need to create a custom control deriving from ours. I can see that the Command property of that button is bound to the AutoFit command of that RadDiagram. After you derive our control, you will be able to override the OnApplyTemplate() method. In that method you can gain access to that button.

Once you do so, you will be able to set the command to null and subscribe to its Click event. by doing so you will be able to implement your custom fitting logic that will be triggered when that button is pressed. You can use the following snippet:

public class MyNavigationPane : RadDiagramNavigationPane
{
    RadButton autofitButton;
    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        autofitButton = this.FindChildByType<RadButton>();
        autofitButton.Command = null;
        autofitButton.Click += autofitButton_Click;
    }

    void autofitButton_Click(object sender, RoutedEventArgs e)
    {
        //Custom fitting logic
    }
}

Please give this approach a try and let us know if you need any further assistance.

Regards,
Pavel R. Pavlov
Telerik

[Barış]

Hello, 

Is there a way to merge undo/redo  function with autofit. What I exactly need is, undo and redo autofit and zoom level change when user scrolled.

The users complained about layout function does not revert zoom level. 

 Thank you in advance

[Martin Ivanov]

Hi Barış,

You can achieve the desired functionality you can use UndoableDelegateCommand and the diagram's UndoRedoService to execute it. The command allows you to execute an action and its undo logic. You can execute the command when you call the AutoFit() method and in the PreviewZoom event handler. Here is an example for this approach:

void diagram_PreviewZoom(object sender, DiagramZoomEventArgs e)
{
    var service = this.diagram.UndoRedoService;
    var zoom = this.diagram.Zoom;

    var command = new UndoableDelegateCommand("Zoom",
        (o) => { },
        (o) =>
        {
            this.diagram.Zoom = zoom;
        });
    service.ExecuteCommand(command);
}

void MainWindow_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    var service = this.diagram.UndoRedoService;
    var viewPortRect = new Rect(this.diagram.Viewport.TopLeft, this.diagram.Viewport.BottomRight);

    var command = new UndoableDelegateCommand("AutoFit",
        (o) =>
        {
            this.diagram.AutoFit();
        },
        (o) =>
        {
            this.diagram.BringIntoView(viewPortRect);
        });
    service.ExecuteCommand(command);
}

I hope this works for you.

Regards,
Martin
Telerik