Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

How to create custom plugin in image in-place editor for selecting focal point

Avatar

Avatar
Boost 1
Level 2
riteshsrajput
Level 2

Likes

2 likes

Total Posts

9 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile

Avatar
Boost 1
Level 2
riteshsrajput
Level 2

Likes

2 likes

Total Posts

9 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile
riteshsrajput
Level 2

09-08-2017

Hi

Is there any way to create new image in-place editor plugin to image component which will give us ability to select focal point on image and store the coordinates(x,y).

Below is the reference link where they have similar implementation in non AEM application -

https://designshack.net/articles/mobile/focal-point-intelligent-cropping-of-responsive-images/

Focal Point Crop | imgix Documentation

Using focal points to center images – Help

I want to give the flexibility to author to select the focal point same as the above links.

Accepted Solutions (0)

Answers (5)

Answers (5)

Avatar

Avatar
Validate 1
Level 2
johant27131908
Level 2

Likes

2 likes

Total Posts

15 posts

Correct Reply

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

Avatar
Validate 1
Level 2
johant27131908
Level 2

Likes

2 likes

Total Posts

15 posts

Correct Reply

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

26-07-2018

Hi riteshsrajput, any update?

Avatar

Avatar
Boost 1
Level 2
riteshsrajput
Level 2

Likes

2 likes

Total Posts

9 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile

Avatar
Boost 1
Level 2
riteshsrajput
Level 2

Likes

2 likes

Total Posts

9 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile
riteshsrajput
Level 2

10-08-2017

I don't want the widget in dialog. I want a custom plugin similar to crop in image component. which allow author to select the focal point on the image.

I tried to create new one but getting this error - Uncaught TypeError: plugin.notifyPluginConfig is not a function at instanceGenerator.configurePluginsAndActions at instanceGenerator.start. Not sure where I can give the pluginConfig. or there a article where we can find how we can add the custom plugin in in-place editor edit bar.

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 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,406 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

10-08-2017

What Kautuk meant is you have to code your own sling resource type as discussed in the article.

Avatar

Avatar
Boost 1
Level 2
riteshsrajput
Level 2

Likes

2 likes

Total Posts

9 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile

Avatar
Boost 1
Level 2
riteshsrajput
Level 2

Likes

2 likes

Total Posts

9 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Applaud 5
Affirm 1
View profile
riteshsrajput
Level 2

10-08-2017

Not Exactly. I want my plugin will appears when I click the image component's in-place editing option in full screen.

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,128 likes

Total Posts

6,131 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,128 likes

Total Posts

6,131 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

10-08-2017

Your make like to do it like this :- Adobe Experience Manager Help | Creating an AEM Touch UI Color Picker

~kautuk