ImageEditor Zoom Function

[Chen Jun Ying]

var imEditor = null;

           function GetEditor() {

               if (!imEditor)

                   imEditor = $find("<%=imgEditor.ClientID %>");

               return imEditor;

           }

 

           function Zoom() {

               var $ = $telerik.$;

               GetEditor().zoomImage(50);


           }

I use above code block to zoom the image during page load. In which stage I should fire the script? I tried it in page prerender and imageeditor prerender but both are not working. the issue is imgEditor can not be found. 

[Rumen]

Hello,

You can use the OnClientLoad client-side event of RadImageEditor to zoom the image, e.g.

<telerik:RadImageEditor OnClientLoad="OnClientLoad" ID="RIE1" runat="server" ImageUrl="~/Images/bird.jpg"></telerik:RadImageEditor>
<script type="text/javascript">
    function OnClientLoad(sender) {
        sender.zoomImage(50);
    }
</script>

All the best,
Rumen
the Telerik team

[Chen Jun Ying]

Thanks Rumen.

The scripts works when page loads in the first time.

My scenario is that I have a button on the page to save any image change (rotation and etc.). The image editor just stopped working after postback. You can not even zoom in/out the images.

Any ideas?

I also raised another thread http://www.telerik.com/community/forums/aspnet-ajax/image-editor/image-is-not-saved-after-rotation.aspx 

The image didn't get saved in most of the time. Is it because ImageEditor caches the image?

Thanks

[Dobromir]

Hi Chen,

I am not quite sure what may be causing the problem that you experience. A possible reason for such behavior may be a JavaScript error thrown on the page during the page load preventing proper initialization of the control.

However, I believe we are missing the root of the problem. Could you please provide more detailed information on the specific scenario? What exactly you are trying to achieve?

Regards,
Dobromir
the Telerik team

[Chen Jun Ying]

The issue is resolved after I use the client side function to force the change you proposed on the other thread.

Thanks for your help.

[DogBizPro]

I tried this code and it skews the image and doesn't just change the zoom. If I use the toolbar to get to 50% zoom it looks fine. If I use this code the picture proportions are way off.

[Vessy]

Hello Stephanie,

I have already answered your other thread on the subject, please, refer my answer here: http://www.telerik.com/forums/zoom-not-working

Regards,
Vessy
Telerik