Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
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,