Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED
Issues with custom columns in listview for AEM 6.3 on /aem/products.html/
Url : {server}/aem/products.html/etc/commerce/products/we-retail/me/gloves/meotwicls
List view where product name/sku is missing
Card View where product name/sku is present (red circle)
We intend to add more fields in list view eg created by. AEM6.1 was giving product name by default while in AEM6.3 it is not .
Note : In catalog.html we can modify/add the column in list view but not in projects.html ({server}/mnt/overlay/dam/gui/content/idsprint/catalogs.html/content/dam/catalogs )
Hi Luke,
Can we use it for assets.html as well, I tried the approach mentioned using "pageinfoprovider" in AEM 6.3, but its not populating values against the columns. In fact not able to add <td> for newly added columns against existing row. Please suggest something regarding this.
overlayed path: /libs/dam/gui/content/commons/availablecolumns
Thanks,
Niranjan
Sure, so assets is once again a different set of components.
Take a look at this set of nodes...
/libs/dam/gui/coral/components/admin/contentrenderer/row/*
For example,
/libs/dam/gui/coral/components/admin/contentrenderer/row/asset/asset.jsp
I added the following...
<td is="coral-table-cell" value="0"></td> <!--Adding a placeholder column for video profile-->
<%
Resource propsNode = resource.getChild("jcr:content");
String lukesScore = propsNode.getValueMap().get("lukesScore", String.class);
if(lukesScore == null) lukesScore = "";
%>
<td is="coral-table-cell" value="<%= xssAPI.encodeForHTMLAttr(lukesScore)%>"><%= xssAPI.encodeForHTMLAttr(lukesScore)%></td> <!--Adding a placeholder column for LUKE score-->
<cq:include script = "reorder.jsp"/>
<cq:include script = "meta.jsp"/>
I added some values to the jcr:content node on a couple assets... you could do something different.
Hi,
You need to overlay the code for customisation.
AEM 6.3 Assets List View Custom Column
Arun Patidar
Hi Luke,
I took the reference from Experiencing Adobe Experience Manager - Day CQ: AEM 62 - Add Asset Count Column to List View, Show A... And developed something as below snippet:
(function ($, $document) {
"use strict";
var firstLoad = true,
COOKIE_AEM_ASSETS_LIST_VIEW_COLUMNS = "aem.assets.listview.columns",
EAEM_ASSETS_COUNT = "eaemAssetsCount",
AUTO_PUBLISH= "auto-publish",
AUTO_UNPUBLISH= "auto-unpublish",
AUTO_ARCHIVEDATE= "auto-archiveDate",
LAYOUT_LIST_VIEW = "list",
DIRECTORY = "directory",
FOUNDATION_CONTENT_LOADED = "foundation-contentloaded",
SEL_DAM_ADMIN_CHILD_PAGES = ".cq-damadmin-admin-childpages",
LIST_CELL_HTML = '<td is="coral-td" class="coral-Table-cell coral-Table-cell--left" alignment="column">' +
'<coral-td-label class="coral-Table-cellLabel">ASSET_COUNT</coral-td-label>' +
'</td>',
LISTAUTOPUBLISH_CELL_HTML = '<td is="coral-td" class="coral-Table-cell coral-Table-cell--left" alignment="column">' +
'<coral-td-label class="coral-Table-cellLabel">' + '<time datetime=""></time>AUTO_PUBLISH_STATUS' + '</coral-td-label>' +
'</td>',
LISTSTATUS_CELL_HTML = '<td is="coral-td" class="coral-Table-cell coral-Table-cell--left" alignment="column">' +
'<coral-td-label class="coral-Table-cellLabel">SECURED_STATUS</coral-td-label>' +
'</td>';
$document.on(FOUNDATION_CONTENT_LOADED, SEL_DAM_ADMIN_CHILD_PAGES, columnList);
$document.on("cui-contentloaded", function (e) {
if(!firstLoad){
return;
}
var $childPages = $(e.currentTarget).find(SEL_DAM_ADMIN_CHILD_PAGES);
if(_.isEmpty($childPages)){
return;
}
firstLoad = false;
$childPages.trigger(FOUNDATION_CONTENT_LOADED);
});
function columnList(e) {
var cookies = document.cookie.split(";"), tokens, isAssetCount = false, isAutoPublish= false, isAutoUnPublish=false, isAutoArchive=false, isRequired=false, isSecure=false ;
_.each(cookies, function(cookie){
tokens = cookie.split("=");
if(tokens[0].trim() !== COOKIE_AEM_ASSETS_LIST_VIEW_COLUMNS){
return;
}
// isAssetCount=tokens[1].trim().indexOf(EAEM_ASSETS_COUNT) > 0;
isAutoPublish=tokens[1].trim().indexOf(AUTO_PUBLISH) > 0;
isAutoUnPublish=tokens[1].trim().indexOf(AUTO_UNPUBLISH) > 0;
isAutoArchive=tokens[1].trim().indexOf(AUTO_ARCHIVEDATE) > 0;
isRequired=tokens[1].trim().indexOf(REQUIRED_FIELDS_MISSING) > 0;
isSecure=tokens[1].trim().indexOf(SECURED) > 0;
});
if(!e.currentTarget ){
return;
}
var $currentTarget = $(e.currentTarget),
foundationLayout = $currentTarget.data("foundation-layout");
if(_.isEmpty(foundationLayout)){
return;
}
var layoutId = foundationLayout.layoutId;
var path = $currentTarget.data("foundation-collection-id");
$.ajax(path + ".4.json").done(function(data){
// $(".foundation-collection-item").each(function(index, item){
var list =data;
getData(list);
// });
});
//********************** Add for columnlists **************
function getData(list){
$(".foundation-collection-item").each(function(index, item){
var dataArray = [];
var dataObj = {} ;
_.each(list, function(value, key, list){
if(_.isObject(value)){
if(value["jcr:primaryType"] == "dam:Asset") {
if(value['jcr:content']){
dataObj.offTime = value['jcr:content']["offTime"];
dataObj.onTime = value['jcr:content']['onTime'];
dataObj.archiveDate = value['jcr:content']['metadata'] && value['jcr:content']['metadata']['msft:archiveDate'];
dataArray.push(dataObj);
// console.log("array:"+dataArray[1].onTime);
}
}
}
});
if(layoutId == LAYOUT_LIST_VIEW){
if(isAutoPublish ){
if ((dataObj.onTime) != undefined){
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", dataObj.onTime));
}
else
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", "Not Published"));
}
console.log("array:"+dataObj.onTime);
if(isAutoUnPublish ){
if (dataObj.offTime != undefined){
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", dataObj.offTime));
}
else
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", "Not Published"));
}
if(isAutoArchive ){
if (dataObj.archiveDate != undefined){
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", dataArray[0].archiveDate));
}
else
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", "Not Archived"));
}
else
return;
}
});
}
}
})(jQuery, jQuery(document));
Result: result is also coming but, i am not able to print the next line result in next line , it that works, then its going to work, absolutely fine:
Thanks,
Niranjan
Related Conversations
