Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

\/etc/desings is not getting called in AEM 6.3

Avatar

Level 1

Hi,

        Currently we had migrated our content from AEM 6.2 to AEM 6.3 and after migration we had started unit testing the components in AEM 6.3 Instance

at that time some of the components of throwing error in the broswer.

Java Script which comes under /etc/designs where not getting called.

Actual Code : 

<div data-sly-use.itemUrl="${'/etc/designs/hmi/clientlibs/authoring/completeUrl.js' @ url=properties.linkURL}">

        <a class="js-global-default-anchor" href="${itemUrl}" data-sly-unwrap="${!itemUrl}">

            <div data-sly-use.image="image.js" data-sly-unwrap="false">

                    <img src="${image.src}" class="${image.cssClass} col_img"

                        data-emptytext="Info Page Wide Box"

                        usemap="${image.imageMaps.hash}" />

                </div>

                <div class='caption'>

                    <h4 class="thumbnailHeading">${properties.title}</h4>

                    <p class="thumbnailText">${properties.description}</p>

                </div>

        </a>

    </div>

</sly>

</div>

Here in this Code the completeUrl.js is not getting called which was the root cause for  the browser issue.But In-case if we had moved the Js under /apps at that time the code was working properly

Working Code :

<div data-sly-use.itemUrl="${'/apps/hmi/clientlibs/authoring/completeUrl.js' @ url=properties.linkURL}">

        <a class="js-global-default-anchor" href="${itemUrl}" data-sly-unwrap="${!itemUrl}">

            <div data-sly-use.image="image.js" data-sly-unwrap="false">

                    <img src="${image.src}" class="${image.cssClass} col_img"

                        data-emptytext="Info Page Wide Box"

                        usemap="${image.imageMaps.hash}" />

                </div>

                <div class='caption'>

                    <h4 class="thumbnailHeading">${properties.title}</h4>

                    <p class="thumbnailText">${properties.description}</p>

                </div>

        </a>

    </div>

</sly>

</div>

In AEM 6.3 , Is there any thump rule that all the components must have separate clientlibs ? . And all the clientlibs must come under /apps? If so going forward we should not have any Js under /etc ?

Can anyone please help us on this.

3 Replies

Avatar

Level 1

Hi,

       Thanks  for your help, I had tried this step(Placing the '/etc' under exclusion path) but no luck still the issue was not re-solved.Still the Issue exists.

Avatar

Level 10

Moving forward - all clientlibs should be moved from /etc to under /apps.