May 27, 2020
Estimated Post Reading Time ~

How to include clientlibs in you component using Sightly AEM

How to use client libs in Sightly
First you should declare data-sly-use.clientlibInclude in your .html file

<div data-sly-use.clientlibInclude="${'/libs/granite/sightly/templates/clientlib.html'}"></div>

How to include only CSS of clientlib
<output data-sly-call="${clientlibInclude.css @ categories='clientlib1,clientlib2'}" data-sly-unwrap/>

How to include only JS of clientlib
<output data-sly-call="${clientlibInclude.js @ categories='clientlib1,clientlib2'}" data-sly-unwrap />

How to include both CSS and JS of clientlib
<output data-sly-call="${clientlibInclude.all @ categories='clientlib1,clientlib2'}" data-sly-unwrap />


By aem4beginner

No comments:

Post a Comment

If you have any doubts or questions, please let us know.