Loading clientlibs by component | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

smacdonald2008
smacdonald2008
Level 10
November 9, 2018

You can call a clientlib from a specific component.

    ariellea4070516
    ariellea4070516Author
    Level 3
    November 10, 2018

    smacdonald2008​ I'm curious, what method would you use to call a clientlib from a specific component?

      Feike_Visser1
      Adobe Employee
      Feike_Visser1Adobe Employee
      Adobe Employee
      November 10, 2018

      The way to do this is to have a category per component

        Ravi_Pampana
        Community Advisor
        Ravi_PampanaCommunity Advisor
        Community Advisor
        November 10, 2018

        Hi,

        You can add clientlibs folder under each component and add category name to clientlibs folder like below

        categories="[componentspecificname]"

        Add the clientlibs inside component jsp/html

        JSP:

        <cq:includeClientLib categories="categoryname" /> -- This includes both js/css files

        <cq:includeClientLib js="categoryname"/> -- To include only js

        <cq:includeClientLib css="categoryname"/> -- To include only css

        Sightly:

        HTL and ClientLibs

        This will include multiple js/css files on the page as each component will include a js/css files. Also, if clientlibs are added in /apps user everyone should have read access of /apps for files to load in publisher or clientlibs needs to create under /etc/designs

          ariellea4070516
          ariellea4070516Author
          Level 3
          November 10, 2018

          I thought ‘cq’ was deprecated since AEM 5.3. Shouldn’t we be using ui now?

            ariellea4070516
            ariellea4070516Author
            Level 3
            November 13, 2018

            Also, this solution injects clientlibs in the body of the page, which defeats the purpose of a component-based architecture (increasing the performance of an app) by forcing the client to re-render the page. And adding <link .. /> to the body is invalid, 'link' tags should only be added in the head of a document.

              Terms & ConditionsAccessibility statement

              Loading footer...