Extending AEM components

[tc82]

Hello,

We have a requirement, where we want to extend the existing components in (Allowed Components) from one project to another.

Like if X website has 5 components, then Y want to use all these 5 components can we do some changes so we can see all the components in Y website.

Is it only possible by copying and writing the code?

Please confirm.

[smacdonald2008]

Yes - you would have to overlay components. See this AEM topic on extending: 

https://docs.adobe.com/docs/en/aem/6-0/develop/components/widgets.html

[edubey · Accepted solution]

Hi,

As of now there are few components which are used by X sites and you want to use those for y website ( Correct me if I am wrong ), I could suggest following approaches:-

• 1. Create a common component group where you can place reusable components across all sites. ( More development efforts and I would recommend this)
• 2. Copy required components from X site and paste in Y. ( Fewer development efforts )
• 3. In sidekick of Y site, add those required component which are in X after going to design mode. ( No development efforts )

Please keep in mind each of the suggested approach is having some pros and cons. Let me know what else you need, I'll get back to you.

thanks

[tc82]

thank you for the responses.

@edubey,

what am looking is option three, but my requirement in in the sidekick of y, I want to show the components of X and show them in Y allowed components.

For example:

X as RTE, Image under named as test(/apps/test/components)

I want to show/drag these components to Y named as demo(/apps/demo/components) in the design mode

is that possible by any way?

Sorry for questions, as am new to AEM,trying to get up to speed.

[edubey]

Hi,

Goto design mode from sidekick,From there you can select any component  / component group you want to include in your sidekick.

Please refer to screenshot below

One suggestion: As component 'P' belongs to X and you will be using it in site Y, if i ('P')  is removed from site X in future then your site Y will get affected.

[tc82]

thank you for the response. another silly question.

I need to extend the table component in aem and customize in my application.

May i know how to do that?

[edubey]

Please see these article for, they talk about extending a component or extending a dialog widget:

• https://docs.adobe.com/docs/en/cq/5-6-1/developing/widgets.html
• https://docs.adobe.com/docs/en/cq/5-5/howto/components_develop.html

[tc82]

thanks a ton for all your help.

The second one is ht perfect match for my requirement.