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

Image Collage

2 Answers 80 Views
ImageEditor
This is a migrated thread and some comments may be shown as answers.
Igor
Top achievements
Rank 1
Igor asked on 02 Dec 2013, 10:50 PM
I need be able to upload several images into template like form, say 3 X 3 table, modify each image (zoom, rotate, etc.) and than save this collage as a single image. Can someone please help by pointing me to a Telerik sample of something similar or share an idea of how this can be implemented.

Thank you,
IG

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 03 Dec 2013, 02:20 PM
Hi Igor 

The ImageEditor  which can be integrated with the RibbonBar to achieve the image collage
Please have a look into the following demo where we can insert more than 1 images and save all at once to create a collage.
ImageEditor - RibbonBar Integration
Hope this helps

Thanks
Shinu
0
Vessy
Telerik team
answered on 03 Dec 2013, 03:24 PM
Hello Igor,

I have just answered your support ticket on the subject, for convenience I will paste my answer here as well:

I am afraid that I cannot point you an example similar to the described one and its implementing would not be a trivial task. You could follow a similar logic in implementing it:
 - upload the images via RadUpload or RadAsync pload to the desired location
 - using the RadUpload/AsyncUpload API get the uploaded image and insert it into the next empty cell from your form (you will need to implement your custom logic here)
 - Attach handlers to the image element's click event, where to show a hidden ImageEditor control, load the clicked image into it (via AJAX) and modify it into the control.
 - in order to gather the edited images into one, you can use a logic, similar to the one implemented into this custom InsertImage dialog, but you will need to made some additional calculations on where exactly to put each image (in width and height).


Kind regards,
Veselina Raykova
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
ImageEditor
Asked by
Igor
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Vessy
Telerik team
Share this question
or