ImageEditor zoomDropdown default

[Joel]

How do I set the default zoom option?  I need it to "Fit to screen" when it loads

[Stoyan]

Hi Joel,

In order to programmatically set the fit to screen property when an image is rendered into the ImageEditor:

1. Subscribe to the imageRendered method
2. In its handler use the executeCommand method and pass it the following parameters  command:"ZoomImageEditorCommand" and options:"fitToScreen"

function rendered(e) {
        e.sender.executeCommand({ command: "ZoomImageEditorCommand", options: "fitToScreen" })
}

Please let me know, if you have further questions. Thank you

Regards,
Stoyan
Progress Telerik

[Joel]

Yes, this worked for me:

 

            @(Html.Kendo().ImageEditor()
                .Name("imageEditor")
                .Height(1200)
                .Events(e => e.ImageRendered("imageRendered"))
                .Toolbar(toolbar =>
                {
                    toolbar.Items(items =>
                    {
                        items.Add().Name("zoomIn");
                        items.Add().Name("zoomOut");
                        items.Add().Name("zoomDropdown");
                    });
                }))

    function imageRendered(e) {
        e.sender.executeCommand({ command: "ZoomImageEditorCommand", options: "fitToScreen" });
    }