Custom predefined sizes in crop dialog

[miksh]

I need to implement a very straightforward (and I believe most common) requirement to limit to a couple the predefined crop sizes in the crop dialog, e.g. 1000x500 and 950x500.

How can we do it? Based your documentation we must:

• copy the crop dialog from installation file in separate folder
• change the dropdown list in the crop dialog
• configure the ImageEditor control to use external dialogs from that folder
• use a hack described here http://www.telerik.com/help/aspnet-ajax/imageeditor-custom-crop-settings.html to init the crop box to the first predefined size tin the dropdown
• keep using RenderMode="Classic" as the copied dialog is not rendered properly in Lightweight mode
• anything missed?

It seems to be too much for such a simple task, isn't it? Same think to resize dialog.

I wonder is there a better/simpler way to accomplish this task which would work in any render mode?

I would really appreciate if the crop/resize dropdown items could be configurable at design time.

Thanks in advance.

[Vessy]

Hello miksh,

Yes, these are the exact steps you have to go through in order to achieve the described functionality. The only thing you can skip is the custom-stop-settings-hack. As you have already enabled the external dialogs you can simply define the initially selected item of the ComboBox either in its declaration in the markup of the dialog or in its initialize() method.

As for the Classic render mode - unfortunately this is the only mode in which the ImageEditor dialogs are implemented for the moment.

Regards,
Vessy
Telerik

 

 

[lee]

Do I need another image resizing SDK to help customixe image sizes?

[Vessy]

Hi lee,

RadImageEditor provides both server- and client-side functionality for customizing the size of the edited image and you do not need to use any external SDK in order to achieve it. You can review the API of the control here:
Server-side API
Client-side API

Regards,
Vessy
Telerik