AEM 6.1 Touch : How to set aspect ratio options for Image component | Community
Skip to main content
February 25, 2016
Solved

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

  • February 25, 2016
  • 4 replies
  • 3559 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by kautuk_sahni

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-manager.topic.html/forum__swwv-hi_we_have_areq.html

//

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-manager.topic.html/forum__lxlb-_this_contenthas.html

 

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-manager.topic.html/forum__lxlb-_this_contenthas.html

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__1n5m-if_i_edit_animagec.html

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni

4 replies

kautuk_sahni
Community Manager
kautuk_sahniCommunity ManagerAccepted solution
Community Manager
February 26, 2016

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-manager.topic.html/forum__swwv-hi_we_have_areq.html

//

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-manager.topic.html/forum__lxlb-_this_contenthas.html

 

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-manager.topic.html/forum__lxlb-_this_contenthas.html

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__1n5m-if_i_edit_animagec.html

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni

Kautuk Sahni
Chitra13Author
March 1, 2016

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,

smacdonald2008
Level 10
March 1, 2016

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...