This is a migrated thread and some comments may be shown as answers.

How to make inserted image position to back

3 Answers 42 Views
ImageEditor
This is a migrated thread and some comments may be shown as answers.
deva sudan
Top achievements
Rank 2
deva sudan asked on 17 Nov 2014, 12:56 PM
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.

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 18 Nov 2014, 09:32 AM
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.

 
0
deva sudan
Top achievements
Rank 2
answered on 19 Nov 2014, 01:02 PM
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. 
 
0
Vessy
Telerik team
answered on 20 Nov 2014, 03:40 PM
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.

 
Tags
ImageEditor
Asked by
deva sudan
Top achievements
Rank 2
Answers by
Vessy
Telerik team
deva sudan
Top achievements
Rank 2
Share this question
or