Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How can we layouting of a Editable template in AEM 6.3 ?

Avatar

Level 2

I created a editable template in AEM 6.3 everything is fine but when I am going to layout I am not able to move the components. And If I am creating my template within weRetail it's working fine.Can anyone help me for this?

1 Accepted Solution

Avatar

Correct answer by
Level 2

I got the answer..

In we-retail project, they are including some clientLibs in "customheaderlibs.html" so we have to include that clientLibs in our project also. We-retail using these lines:

<sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html"

     data-sly-call="${clientlib.all @ categories='we-retail.dependencies'}"/>

<sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html"

     data-sly-call="${clientlib.css @ categories='we-retail.base'}"/>

If we will add these clientLib in our page component that will work fine.

View solution in original post

3 Replies

Avatar

Correct answer by
Level 2

I got the answer..

In we-retail project, they are including some clientLibs in "customheaderlibs.html" so we have to include that clientLibs in our project also. We-retail using these lines:

<sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html"

     data-sly-call="${clientlib.all @ categories='we-retail.dependencies'}"/>

<sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html"

     data-sly-call="${clientlib.css @ categories='we-retail.base'}"/>

If we will add these clientLib in our page component that will work fine.

Avatar

Employee

More than likely these clientlibs contain a file called grid.less. This is what creates the AEM grid system. You don't need to add all We.Retail clientlibs, rather just add the grid.less file to your own clientlibs and include it. Notice /apps/weretail/clientlibs/clientlib-site/less/grid.less. This is included by we-retail.base.

Avatar

Level 2

Thanks Knennigtri !!

I tried this and I am able to layouting of the template..

Thanks for your response.