How to make inserted image position to back in UI for ASP.NET AJAX ImageEditor

deva sudan

9 posts

Member since:
Jan 2010

Posted 17 Nov 2014 Link to this post

Hi

In our application we are using rad image editor for editing and cropping the images. We would like to add the insert image option for users to add image to an existing image say a greeting template image with a cut out area in that image. When we insert an image it should get inserted in the back of that image that too inside the cut out area . By specifying the coordinates we can set the image insert position , but we do not know how to make the image position of the inserted image to go back. Kindly reply as soon as possible.

Vessy

Admin

1889 posts

Posted 18 Nov 2014 Link to this post

Hello Deva,

Can you please provide a little more information on what exactly you have in mind by saying "how to make the image position of the inserted image to go back"?

If you want to hide the X and Y textboxes by the users you can modify the ImageEditor's InsertImage.ascx external dialog and configure their visibility from there.
If you want to keep the previous position of the InsertImage cropping box, you can implement your own logic for keeping it in a custom variable and access its value later. You can take the current value of the textboxes in a similar way:

var x = $find("RadImageEditor1").get_currentToolWidget()._xTxt.value;

var y = $find("RadImageEditor1").get_currentToolWidget()._yTxt.value;

If non of the above is the case, please explain in more details the exact scenario you want to achieve so we can advise you accordingly.

Regards,
Vessy
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

deva sudan

9 posts

Member since:
Jan 2010

Posted 19 Nov 2014 in reply to Vessy Link to this post

We need the inserted image to be sent to back . In your example you are showing that there is an backgroung image and on insert the image gets inserted above the background image.

Our senario would be the background image will be a png image template and on image insert the inserted image should be sent to back. also we shlould have to control the image position even if it is sent to back.

Hope you understand the scenario.

Vessy

Admin

1889 posts

Posted 20 Nov 2014 Link to this post

Hello Deva,

Thank you for the clarification. Unfortunately I will have to disappoint you, but the desired behavior cannot be achieved with the ImageEditor's current implementation, as the control does not support image layers and so the the inserted image is drawn alway on the top of the canvas.

Regards,
Vessy
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.