Adobe Employee

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

Forum|Forum|7 years ago
February 1, 2019
1 reply
2281 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Gaurav-Behl

Level 10

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

N

nrai

Author

Adobe Employee

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

Level 10

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

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

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded