How to make inserted image position to back

4 posts, 0 answers
  1. deva sudan
    deva sudan avatar
    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.
  2. Vessy
    Admin
    Vessy avatar
    1383 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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. deva sudan
    deva sudan avatar
    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. 
     
  5. Vessy
    Admin
    Vessy avatar
    1383 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.

     
Back to Top