Highlighted

/etc/desings is not getting called in AEM 6.3

velparic1097644

20-08-2018

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.

Replies