[Solved] Custom cropping

[Roger Hendriks]

As we have fixed image formats for some images I would like to control the cropping from outside the control with javascript and disable the crop option from the toolbar or maybe the whole toolbar. Is this possible?

[Rumen]

Hi Roger,

You can try the following:

<telerik:RadImageEditor ID="theImageEditor" runat="server" ImageUrl="~/content/damage.jpg" OnClientCommandExecuted="modifyCommand"></telerik:RadImageEditor>
</form>
<script type="text/javascript">
    function modifyCommand(imageEditor, args) {
        waitForCommand(imageEditor, args.get_commandName(), function (widget) {
            widget._constraintBtn.set_checked(false); //stop the aspect ration constraint
            widget.set_width(100);
            widget.set_height(100);
            widget._updateCropBoxFromControls();
        });
    }

    function waitForCommand(imageEditor, commandName, callback) {
        var timer = setInterval(function () {
            var widget = imageEditor.get_currentToolWidget();
            if (widget && widget.get_name() == commandName) {
                clearInterval(timer);
                callback(widget);
            }
        }, 100);
    }
</script>

Best regards,
Rumen
the Telerik team