Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events

Overlay OOTB Adaptive Form Components

Avatar

Level 2

When I was overlaying one of the OOTB Form components (guidetextdraw) from /libs, I found that we have to copy the whole structure present under /libs to make it work. If we delete any JSP's or nodes, it doesn't render. Is this expected or am I doing something wrong?

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

3 Replies

Avatar

Community Advisor

Please check this article which explains how to do an overlay with illustrations: https://www.aem-blog.com/post/override-and-overlay 

But usually, if you want to customize an OOTB component you will extend the component (using sling:resourceSupertType) instead and change what you need there, then you will use your new component (which is extending the ootb one).

References: 

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

https://dev.to/vish448/extend-core-components-in-aem-2hno 

 

Hope this helps.



Esteban Bustamante

Avatar

Level 2

Thanks for replying Esteban.
When I was using the Overlay Node option in CRXDE for OOTB Forms components, somehow only the component node got copied with no structure and properties. When I manually copied some properties and pointed sling:resourceSuperType to the /libs path (OOTB component), it worked. 

PFA the screenshot when no manual changes were done. Seems like a bug.

Thanks.


Avatar

Administrator

@Rohan0794 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.



Kautuk Sahni