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

Avatar

Avatar

riteshsrajput

Avatar

riteshsrajput

riteshsrajput

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

johant27131908

Avatar

johant27131908

johant27131908

26-07-2018

Hi riteshsrajput, any update?

Avatar

Avatar

riteshsrajput

Avatar

riteshsrajput

riteshsrajput

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

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

10-08-2017

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

Avatar

Avatar

riteshsrajput

Avatar

riteshsrajput

riteshsrajput

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

kautuk_sahni

Community Manager

Total Posts

5.8K

Likes

1.0K

Correct Reply

1.1K

Avatar

kautuk_sahni

Community Manager

Total Posts

5.8K

Likes

1.0K

Correct Reply

1.1K
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