How can we layouting of a Editable template in AEM 6.3 ? | Community
Skip to main content
GauravKumar-1
Level 2
Jun 6, 2017 6:42 AM UTC
Solved

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

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?

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    GauravKumar-1Accepted solution
    Level 2
    Jun 7, 2017 10:52 AM UTC

    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 reply

    3 replies

    GauravKumar-1Author
    Level 2
    Jun 9, 2017 6:35 PM UTC

    Thanks Knennigtri !!

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

    Thanks for your response.

    Translate
    knennig
    Employee
    Jun 8, 2017 6:26 PM UTC

    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.

    Translate
      GauravKumar-1AuthorAccepted solution
      Level 2
      Jun 7, 2017 10:52 AM UTC

      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.

      Translate
        Terms & ConditionsAccessibility statement

        Loading footer...