We have an image control that requires an upload to be a specific size.

Rather than making our users have to manually resize their photo to the same size every time, they have requested we resize it for them since we know the size limits (96x96).

I don't see any built-in support for this so I've tried to hack it but even that hasn't worked. The "imageEditor.executeCommand({ command: "OpenPaneImageEditorCommand" })" throws an error when being called from the ImageRendered event, and manually selecting the buttons also does not resize the image.

Link to example: https://jsfiddle.net/atz9ne6g/1/

Code from example:

$("#imageEditor").kendoImageEditor({
    width: 1000,
    height: 800,
    imageLoaded: UploadPhoto_ImageLoaded,
    imageRendered: UploadPhoto_ImageRendered
});

let imageLoaded = false;
function UploadPhoto_ImageLoaded(e) {
    imageLoaded = true;
}

function UploadPhoto_ImageRendered(e) {
    if (imageLoaded) {
        imageLoaded = false;
        //var imageEditor = e.sender;
        // TODO: Auto resize photo to 96x96 when opening popup
        //imageEditor.executeCommand({ command: "OpenPaneImageEditorCommand" });
        //imageEditor.executeCommand({ command: "ResizeImageEditorCommand" });

        $(".k-i-image-resize").click();
        $(".k-formatted-value[title='width']").val(96);
        $(".k-imageeditor-pane-confirm-button").click();
    }