How can we layouting of a Editable template in AEM 6.3 ? | Community
Skip to main content
G
GauravKumar-1
Level 2
June 6, 2017
Solved

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

  • June 6, 2017
  • 3 replies
  • 2805 views

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.
    Best answer by GauravKumar-1

    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 replies

    G
    GauravKumar-1AuthorAccepted solution
    Level 2
    June 7, 2017

    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.

      K
      Adobe Employee
      knennigAdobe Employee
      Adobe Employee
      June 8, 2017

      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.

        G
        GauravKumar-1Author
        Level 2
        June 9, 2017

        Thanks Knennigtri !!

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

        Thanks for your response.

        Terms & ConditionsAccessibility statement

        Loading footer...