Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

AEM 6.1 Touch UI: how to configure aspect ratios for cropping images?

Avatar

Level 2

If I edit an image component (e.g. http://localhost:4502/editor.html/content/geometrixx/en/products.html, the "Triangle"), I get a selectbox with aspect ratios (Free Hand, 2:3, Square, ...). How can I add/delete aspect ratios to this selectbox?

Thanks,
Anne

1 Accepted Solution

Avatar

Correct answer by
Level 10

Here is a pic of the nodes - other one disappeared: 

Hope this helps.... 

View solution in original post

13 Replies

Avatar

Level 10

Here is the screenshot of a cropping operation in AEM: 

[img]crop.png[/img]

See this older community thread that talks about this. 

https://forums.adobe.com/thread/1068345

Hope this helps point you in the right direction. 

Avatar

Level 10

Hi Anne, somehow I am not able to see that option ! can you share a screenshot so that we get to know what exactly it is

Avatar

Level 10

Here is the nodes that need to be modified for this use case: 

[img]croppingNodes.png[/img]

Avatar

Level 2

You have to go to fullscreen modus while editing the image to see this options.

Avatar

Level 2

Hm no, this does not help. It seems the path /libs/dam/gui/content/assets/crop/items/actionbarcontainer/items/default/items/aspectratio/items mentioned in this older thread does not exist in AEM 6.1
And also if it would exist: in a classic dialog I can add different cropConfig to each image widget in a dialog. And I need different cropConfigs for different components so it would not help to extend the central aspect ratios under /libs or somewhere else. I need a per component solution as in classic UI.

 

Thanks for your answer anyway :)

Avatar

Level 10

I will search for this answer within Adobe.

Avatar

Level 10

There is an example in Adobe - i will write up a community article and post here ASAP. 

Avatar

Former Community Member

That would be great! We have the same problem. Thanks!

Avatar

Level 2

The image seems to be broken, could you please provide the path to the node? Thanks a lot!

Avatar

Level 1

Are there any updates on how to configure the aspect ratios?

Avatar

Level 10

you need in the classic UI or touch UI ?

Avatar

Correct answer by
Level 10

Here is a pic of the nodes - other one disappeared: 

Hope this helps.... 

Avatar

Employee

Hi,

this only helps for components but not for the touchUI AssetEditor at the /assetdetails.html page (/libs/dam/gui/content/assets/editors/image).

e.g. http://localhost:4502/assetdetails.html/content/dam/geometrixx/portraits/scott_reynolds.jpg

Is there any solution to config this aspected ratios without overriding the default-settings inside the coral.js?

 

CUI.imageeditor.plugins.Crop.ASPECT_RATIOS = [

  {name: 'free_hand', ratio: 0},

  {name: '2_to_3', ratio: 0.67},

  {name: '3_to_5', ratio: 0.6},

  {name: '16_to_9', ratio: 0.5625},

  {name: 'square', ratio: 1}

];