Overlay OOTB Adaptive Form Components

[Rohan0794]

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?

[EstebanBustamante]

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.

[Rohan0794]

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.

[kautuk_sahni]

@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.