Adobe Experience Manager Sites & More

Nishant_Rai · 1/31/19

Hi,

After upgrading to AEM 6.4/6.5 my custom HTML pages are not rendering properly. I checked and found out my client libs are not getting loaded that used to get loaded in AEM 6.3.

If you look the path below -/etc/localization/locprojectwizard/content/jcr:content/head/clientlibs , it is referring to slingReourceType to granite/ui/components/foundation/includeclientlibs. And this node got changed in AEM 6.4 as earlier it contained a jsp file and now it has rst file. I am not sure what is causing this issue.

Gaurav-Behl · 2/2/19

Use the new path for your component - granite/ui/components/coral/foundation/includeclientlibs

/libs/granite/ui/components/foundation has resourceSuperType that mentions below path -

/libs/granite/ui/components/coral/foundation/includeclientlibs

Nishant_Rai · 2/21/19

thanks gauravb10066713 . I tried making changes you suggested but still my client JS and CSS not applying to my HTML page. I can't see their references in the generated HTML code. Here is the code (HTML, JSP and JS) I am sharing -

HTML JCR code - /etc/localization/locprojectwizard/content

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
jcr:primaryType="cq:Page">

   <jcr:content
   jcr:mixinTypes="[sling:VanityPath]"
   jcr:primaryType="nt:unstructured"
   jcr:title="GLaaS Help | Initiate HandOff"
   sling:resourceType="granite/ui/components/foundation/page"
   sling:vanityOrder="{Long}301"
   sling:vanityPath="/etc/localization/locprojectwizard">

</head>

</items>

</searchform>

</anuvaad>

</whatsnew>

</aemdoc>

</home>

</community>

</customercare>

</items>

</list>

</items>

</help>

</content>

</body>

</jcr:content>

</jcr:root>

THE JSP Code - /apps/workflowx/components/locprojectwizard/content/content.jsp

<%--

ADOBE CONFIDENTIAL

NOTICE: All information contained herein is, and remains

the property of Adobe Systems Incorporated and its suppliers,

if any. The intellectual and technical concepts contained

herein are proprietary to Adobe Systems Incorporated and its

suppliers and may be covered by U.S. and Foreign Patents,

patents in process, and are protected by trade secret or copyright law.

Dissemination of this information or reproduction of this material

is strictly forbidden unless prior written permission is obtained

from Adobe Systems Incorporated.

--%><%@page session="false" %><%

%><%@taglib prefix="cq" uri="http://www.day.com/taglibs/cq/1.0" %><%

%><%@include file="/libs/granite/ui/global.jsp" %><%

%><%@page import="com.adobe.granite.i18n.LocaleUtil,
com.adobe.granite.ui.components.AttrBuilder,

com.adobe.granite.ui.components.ClientState" %><%
%><%

Resource header = resource.getChild("header");

if (header != null) {

ValueMap headerVm = header.adaptTo(ValueMap.class);

String headerResourceType = headerVm.get("sling:resourceType", "granite/ui/components/foundation/contsys");

%><sling:include path="<%= header.getPath() %>" resourceType="<%= headerResourceType %>" /><%

}

// page class attributes

AttrBuilder pageAttrs = new AttrBuilder(request, xssAPI);

ValueMap pageVm = resource.adaptTo(ValueMap.class);

pageAttrs.addClass("page"); //default class

pageAttrs.addClass(pageVm.get("class", String.class));

pageAttrs.add("role", "main"); %>

<div <%= pageAttrs.build() %>><%

Resource rail = resource.getChild("rail");

if (rail != null) {

AttrBuilder railAttrs = new AttrBuilder(request, xssAPI);

railAttrs.addClass("rail");

railAttrs.addClass("left");

railAttrs.add("id", "rail");

railAttrs.add("role", "complementary");

ValueMap railVm = rail.adaptTo(ValueMap.class);

String railResourceType = railVm.get("sling:resourceType", "granite/ui/components/foundation/contsys");

ClientState state = new ClientState(slingRequest);

state.restoreState(railAttrs, "#rail", new String[] {"class"}); %>

<div class="wrap"><sling:include path="<%= rail.getPath() %>" resourceType="<%= railResourceType %>" /></div>

</div><%

} %>

<div class="foundation-content-current"><%

Resource content = resource.getChild("content");

if (content != null) {

ValueMap contentVm = content.adaptTo(ValueMap.class);

String contentResourceType = contentVm.get("sling:resourceType", "granite/ui/components/foundation/contsys"); %>

<sling:include path="<%= content.getPath() %>" resourceType="<%= contentResourceType %>" /><%

} %>

</div>

</div>

<cq:include script="../../common/modalDialogs.html"/>

</div>

Granite.I18n.init({

locale: "<%= LocaleUtil.toRFC4646(request.getLocale()).toLowerCase() %>",

urlPrefix: "<%= request.getContextPath() %>/libs/cq/i18n/dict."
});

function getCQProductNames()

{

return ${productnames};

}

function getWSProductNames()

{

return ${productnames};

}

function getCombinedAssetProductMap(){

return ${combinedAssetList};

}

function getLocales(){

return ${localemap};

}

function getCallingSystem(){

return ${callingSystem};

}

function getGlaasProjectName(){

return ${projectName};

}

$(document).ready(function() {

initiatelocho.init();

});

</script>

<ui:includeClientLib js="anuvaad.initiatelocho"/>

JS Description -

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
   jcr:primaryType="cq:ClientLibraryFolder"
   categories="[anuvaad.initiatelocho]"
   dependencies="[anuvaad.core,anuvaad.detailspage]"/>

Gaurav-Behl · 2/22/19

Modify sling:resourceType="granite/ui/components/foundation/includeclientlibs" to

sling:resourceType="granite/ui/components/coral/foundation/includeclientlibs" and test

Nishant_Rai · 2/24/19

Hi gauravb10066713 I already made the changes suggested by you but no luck as I am still facing the issue.

Adobe Experience Manager Sites & More

Custom JS and CSS not getting loaded after upgrade to AEM 6.4/6.5

Learn

Documentation

Community

Support

Resources

Adobe account

Adobe