Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Extending AEM components

Avatar

Level 4

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.

1 Accepted Solution

Avatar

Correct answer by
Level 10

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

View solution in original post

7 Replies

Avatar

Level 10

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

Avatar

Correct answer by
Level 10

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

Avatar

Level 4

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.

Avatar

Level 10

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.

Avatar

Level 4

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?

Avatar

Level 4

thanks a ton for all your help.

The second one is ht perfect match for my requirement.