Customize Metadata render in Alfresco share

If you have ever noticed when you see document details in the document library, with each item you will be able to see meta-data, tags and/or a link to redirect to document details the page. There are also many other indicators in that view and you can create your own indicators or rather rendered if you want.

Here are the steps to add new render in Alfresco share interface.

Step 1:

Add config related to your custom renderer in share-config-custom.xml

<config evaluator="string-compare" condition="DocumentLibrary" replace="true">
		<template id="default">
			<line index="10" id="date">{date}{size}</line>
			<line index="20" id="description" view="detailed">{description}</line>
			<line index="30" id="tags" view="detailed">{tags}</line>
			<line index="40" id="customRenderer">Test Render {nodeType}</line>
<config evaluator="string-compare" condition="DocLibCustom">
		<js src="/alfresco/components/documentlibrary/customRenderer.js"/>

Step 2:

Create customRenderer.js file under /components/documentlibrary path in your share amp project. It should look something like this.

	var $html = Alfresco.util.encodeHTML,
		$isValueSet = Alfresco.util.isValueSet;
	if (Alfresco.DocumentList) 
			propertyName: "customRenderer",
			renderer: function nodeType_renderer(record, label)
				var jsNode = record.jsNode,
					properties =,
					id = Alfresco.util.generateDomId(),
					html = "";
				return '<span id="' + id + '" class="item">blue: ' + label + jsNode.type + '</span>';

Then deploy everything in alfresco share and restart alfresco  server. Go to document library list page you should be able to see your extra text on document details. It will look as below.


Files ListSummary: We have seen how we can utilize all those extension points of Alfresco share to customize look and feel  of Alfresco share interface.

Looking for quality Alfresco Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , | Posted under Alfresco | RSS 2.0

Author Spotlight


I love opensource technologies working with those technologies from the time I have stepped in to the Software Industry. Alfresco CMS is my area of expertise. I have worked on various complex implementations which involved integration of Alfresco with other technologies, extensively worked with JBPM workflows and Webscripts.

One Comment on Customize Metadata render in Alfresco share

  1. kapil says:

    good, nice article, i like it.

Leave a Reply

Your email address will not be published. Required fields are marked *