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

[#1]

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?

[#2 · Accepted solution]

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.

[#3]

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.

[#4]

Thanks Knennigtri !!

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

Thanks for your response.