Expand my Community achievements bar.

Nomination window for the Adobe Community Advisor Program, Class of 2025, is now open!
SOLVED

AEM 6.1 Touch : How to set aspect ratio options for Image component

Avatar

Level 1

AEM 6.1 Touch : How to set aspect ratio options for Image component

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

Please have a look into some of the community articles for you help:

Link:- http://adobe-consulting-services.github.io/acs-aem-commons/features/named-image-transform.html

Link:- http://experience-aem.blogspot.in/2013/09/cq-image-custom-aspect-ratios-crop.html

 

Some of similar forum post to help you:-

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

//

You can achieve this by writing a custom component there you can create a logic to restrict image with aspect ratio.

Link:- https://helpx.adobe.com/experience-manager/using/uploading-files-aem1.html

//Community article to create a custom uploading component 

 

Option 2

You can also create a component that can auto crop you any image

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

 

Option 3

Creation of custom aspect ratio component

Link:- http://experience-aem.blogspot.in/2013/09/cq-image-custom-aspect-ratios-crop.html

 

Option  4

Set fixed aspect ratio for all images

//

The cropConfig node structure is what youre interested in. text="16x:10" is what will appear in the Crop dropdown, value="16,10" is the actual fixed Crop size for the tool. You can add as many predefined crops you want per html5smartimage widget.

The image-16x10 and aspectRatio-16x10 names aren't required, but not a useful convention to help in maintainability of the config.If you allow multiple aspectRatios then the image-16x10 naming probably doesnt make as much sense tho its not a bad idea to provide semantic naming to your aspectRatio definition node.

Link:- http://stackoverflow.com/questions/15120888/is-there-aspect-ratio-cropping-in-cq5-not-just-free-crop (answer 2)

 

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

View solution in original post

4 Replies

Avatar

Correct answer by
Administrator

Hi 

Please have a look into some of the community articles for you help:

Link:- http://adobe-consulting-services.github.io/acs-aem-commons/features/named-image-transform.html

Link:- http://experience-aem.blogspot.in/2013/09/cq-image-custom-aspect-ratios-crop.html

 

Some of similar forum post to help you:-

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

//

You can achieve this by writing a custom component there you can create a logic to restrict image with aspect ratio.

Link:- https://helpx.adobe.com/experience-manager/using/uploading-files-aem1.html

//Community article to create a custom uploading component 

 

Option 2

You can also create a component that can auto crop you any image

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

 

Option 3

Creation of custom aspect ratio component

Link:- http://experience-aem.blogspot.in/2013/09/cq-image-custom-aspect-ratios-crop.html

 

Option  4

Set fixed aspect ratio for all images

//

The cropConfig node structure is what youre interested in. text="16x:10" is what will appear in the Crop dropdown, value="16,10" is the actual fixed Crop size for the tool. You can add as many predefined crops you want per html5smartimage widget.

The image-16x10 and aspectRatio-16x10 names aren't required, but not a useful convention to help in maintainability of the config.If you allow multiple aspectRatios then the image-16x10 naming probably doesnt make as much sense tho its not a bad idea to provide semantic naming to your aspectRatio definition node.

Link:- http://stackoverflow.com/questions/15120888/is-there-aspect-ratio-cropping-in-cq5-not-just-free-crop (answer 2)

 

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

Avatar

Level 1

HI,

   Thanks for reply. Above link gives solution for ClassicUI. I want this for touch ui, where we get some default aspect ratio in image component, if we need to add more aspect ratio then where we should configure this.

Thanks,

Avatar

Level 10

This is covered in this AEM Touch UI doc topic:

https://docs.adobe.com/docs/en/cq/5-6-1/dam/managing-assets-touch-ui.html

Hope this helps...

Avatar

Level 10