Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Overlay OOTB AEM – Table component using Sightly

Avatar

Level 4
                I want to create an overlay version of OOTB AEM – Table component (/libs/foundation/components/table) for my project.     Is there a reference I can use on how to overlay the version in the slightly code and not in JSP.   Thanks 
1 Accepted Solution

Avatar

Correct answer by
Level 10

You would overlay the same way - there is no difference from JSP other than you are using Sightly code. 

Move to /apps and change the Sightly code.

We have a lot of articles on using Sightly. See this reference: 

https://helpx.adobe.com/experience-manager/using/creating-sightly-component.html

See the beginning of this article. You will see links to other Sightly content and Ask the AEM Community Expert sessions on Sightly. 

Hope this helps. 

View solution in original post

2 Replies

Avatar

Correct answer by
Level 10

You would overlay the same way - there is no difference from JSP other than you are using Sightly code. 

Move to /apps and change the Sightly code.

We have a lot of articles on using Sightly. See this reference: 

https://helpx.adobe.com/experience-manager/using/creating-sightly-component.html

See the beginning of this article. You will see links to other Sightly content and Ask the AEM Community Expert sessions on Sightly. 

Hope this helps. 

Avatar

Administrator

Hi

As mentioned by Scott, Overlay is same process all around.

Documentation link:- https://docs.adobe.com/docs/en/aem/6-0/develop/platform/overlays.html

Method

  • Reconstruct the appropriate /libs structure under /apps
    This does not require a 1:1 copy, the Sling Resource Merger is used to cross-reference the original definitions that are required.
  • Make any changes under /apps

You just need to change the Sightly as per you need.

Sightly Specification :- https://github.com/Adobe-Marketing-Cloud/sightly-spec

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni