Adobe Experience Manager Sites & More

GK-AEM · 10/15/15

Hi All,

We are using sightly to develop components and we want to include client libraries.

How to do this using sightly?

Thanks,

Kishore

smacdonald2008 · 10/15/15

See this AEM documentation topic:

http://docs.adobe.com/content/docs/en/aem/6-0/develop/sightly.html#Loading Client Libraries

Hope this helps...

View solution in original post

smacdonald2008 · 10/15/15

See this AEM documentation topic:

http://docs.adobe.com/content/docs/en/aem/6-0/develop/sightly.html#Loading Client Libraries

Hope this helps...

GK-AEM · 10/15/15

I have configured clientlib as below but client libraries are not effecting on the page.

What's the issue?Please help me.

Thanks,

Kishore

smacdonald2008 · 10/15/15

When you look at the page in the browser - is there an error message or missing CSS styles?

GK-AEM · 10/15/15

issue got resoled.

I have added css file names with , separated in css.txt file.I have removed them and now css are applying.

GK-AEM · 10/15/15

i don't see any error on the page.

is there any example which added client libs using Sightly?

RashidJorvee · 4/20/17

Best Answer: https://gist.github.com/yupadhyay/a7348e7fbf98590f176c

<meta data-sly-call="${clientLib.all @ categories='your.clientlib'}" data-sly-unwrap></meta>

<meta data-sly-call="${clientLib.js @ categories='your.clientlib'}" data-sly-unwrap></meta>

<meta data-sly-call="${clientLib.css @ categories='your.clientlib'}" data-sly-unwrap></meta>

</head>

RashidJorvee · 3/24/22

In AEM 6.5 we can also include clientLibs like this.

<sly data-sly-use.clientlibs="${'com.adobe.cq.wcm.core.components.models.ClientLibraries' 
    @ categories='components.custom.embed.v1'}">
    ${clientlibs.jsAndCssIncludes @ context="unsafe"}
</sly>

Adobe Experience Manager Sites & More

How to include client libraries using Sightly?

Learn

Documentation

Events

Community

Support

Resources

Adobe account

Adobe