Multiple image editors and open dialog OnClientLoad

[Marcel]

Hi There,

I have multiple image editors loaded on a page. All have a OnClientLoad function which does a executeCommand('crop').
The dialogs are opened, but only the last image editor is showing the crop dialog. The other dialogs seem to be hanging and can't be opened/closed anymore.

Many thanks in advance for your support!

[Dobromir]

Hi Marcel,

Thank you for bringing this problem to our attention. I have logged it into our database and we will do our best to have it fixed for one of the upcoming releases. Here you can find the PITS Issue: Public URL

Unfortunately, at this point, I cannot provide suitable workaround on this issue. Please excuse if for the inconvenience.

As a small token of gratitude for your contribution I have updated your Telerik points.

All the best,
Dobromir
the Telerik team

[Tanya]

Hi,
I have the same problem. Is the issue has been fixed?

[Vessy]

Hello Tanya,

For the time being this scenario is not supported out of the box when the ImageEditor is used with the default AjaxToolsPanel. The reason for this behavior is caused by the fact that when more than one ImageEditor dialogs are opened at once, the Ajax requests get canceled and only the last one executes fully. In order to workaround this limitation, you can set each ImageEditor's ToolsLoadPanelType property to "XmlHttpPanel":

<telerik:RadImageEditor ID="RadImageEditor1" runat="server" ImageUrl="~/Images/Jellyfish.jpg" OnClientLoad="onClientLoad" ToolsLoadPanelType="XmlHttpPanel"></telerik:RadImageEditor>
<telerik:RadImageEditor ID="RadImageEditor2" runat="server" ImageUrl="~/Images/Jellyfish.jpg" OnClientLoad="onClientLoad" ToolsLoadPanelType="XmlHttpPanel"></telerik:RadImageEditor>
<telerik:RadImageEditor ID="RadImageEditor3" runat="server" ImageUrl="~/Images/Jellyfish.jpg" OnClientLoad="onClientLoad" ToolsLoadPanelType="XmlHttpPanel"></telerik:RadImageEditor>
<script>
    function onClientLoad(imageEditor, args) {
        imageEditor.executeCommand('Crop');
    }
</script>

I hope this helps.

Regards,
Vessy
Telerik