Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

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

GauravKumar
Level 2
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
GauravKumar
Correct answer by
Level 2
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
GauravKumar
Correct answer by
Level 2
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

Knennigtri
Employee
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.

GauravKumar
Level 2
Level 2

Thanks Knennigtri !!

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

Thanks for your response.