How to create/add custom selecting focal point on image into edit asset

Avatar

Avatar
Boost 3
Level 2
johant27131908
Level 2

Likes

3 likes

Total Posts

15 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Validate 1
Ignite 3
Ignite 1
Give Back 5
View profile

Avatar
Boost 3
Level 2
johant27131908
Level 2

Likes

3 likes

Total Posts

15 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Validate 1
Ignite 3
Ignite 1
Give Back 5
View profile
johant27131908
Level 2

26-07-2018

I would like to add a  focal point into /mnt/overlay/dam/gui/content/assets/assetedit.html where the author can be able to focus specific image points and then I can return like .../myimage.png?focus-at=50,40

any Idea or advice would be appreciated

Thank you.

Replies

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,410 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,410 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

27-07-2018

Can you show an example of exactly what you want to do  - maybe an online demo.

Avatar

Avatar
Boost 3
Level 2
johant27131908
Level 2

Likes

3 likes

Total Posts

15 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Validate 1
Ignite 3
Ignite 1
Give Back 5
View profile

Avatar
Boost 3
Level 2
johant27131908
Level 2

Likes

3 likes

Total Posts

15 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Validate 1
Ignite 3
Ignite 1
Give Back 5
View profile
johant27131908
Level 2

27-07-2018

HI smacdonald2008, thank you.  I want to add some tool in aem touch (DAM) to select the image focus and save it. then I can select one of them to use in my page or another component.

1536968_pastedImage_0.png

Avatar

Avatar
Ignite 1
Level 1
Sothea
Level 1

Likes

0 likes

Total Posts

6 posts

Correct reply

0 solutions
Top badges earned
Ignite 1
Give Back 3
Give Back
View profile

Avatar
Ignite 1
Level 1
Sothea
Level 1

Likes

0 likes

Total Posts

6 posts

Correct reply

0 solutions
Top badges earned
Ignite 1
Give Back 3
Give Back
View profile
Sothea
Level 1

30-07-2018

Hi JohanT,

In AEM 6.4, focal point is part of OOTB feature. Unfortunately, in AEM 6.3, it requires custom solution to achieve such requirements. There's a number of front-end tool that you might want to look into:

Focal Point: Pure HTML/CSS Adaptive Images Framework

NodeJS, The Focal Point, library that you might also want to take a look. See the demo here: GitHub & BitBucket HTML Preview

Avatar

Avatar
Validate 1
Level 2
sergio_r
Level 2

Likes

7 likes

Total Posts

11 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
sergio_r
Level 2

Likes

7 likes

Total Posts

11 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Applaud 5
View profile
sergio_r
Level 2

04-12-2018

hi Sothea@WEBCONSOL​, is there a tutorial on how to use this feature in AEM 6.4? I have been looking around and can't find anything.

Thanks in advance! 🙂