How to make inserted image position to back

[deva sudan]

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]

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

 

 

[deva sudan]

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]

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