AEM 6.1 Touch : How to set aspect ratio options for Image component
Solved! Go to Solution.
Views
Replies
Total Likes
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:-
//
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
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)
I hope this would help you.
Thanks and Regards
Kautuk Sahni
Views
Replies
Total Likes
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:-
//
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
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)
I hope this would help you.
Thanks and Regards
Kautuk Sahni
Views
Replies
Total Likes
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,
Views
Replies
Total Likes
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...
Views
Replies
Total Likes
Views
Replies
Total Likes