Quantcast
Channel: Experiencing Adobe Experience Manager (AEM, CQ)
Viewing all articles
Browse latest Browse all 526

AEM CQ 6 - Add new left rail nav item

$
0
0

Goal


Add a new left rail nav item in Touch UI console. To reach user admin a AEM user has to navigate through sub navs Tools -> Operations -> Security -> Users, here we provide a link on left rail main nav

As of this writing AEM 6 is still in beta, so this extension may or may not work in release version





Solution


1) Login to CRXDE Lite (http://localhost:4502/crx/de) and create folder /apps/add-left-rail-item-users

2) Create node /apps/add-left-rail-item-users/clientlib of type cq:ClientLibraryFolder and add a String property categories with value granite.ui.foundation.admin

3) Create file (nt:file) /apps/add-left-rail-item-users/clientlib/js.txt and add

                       add-nav-item-user.js

4) Create file (nt:file) /apps/add-left-rail-item-users/clientlib/add-nav-item-user.js and add the following code

(function($) {
var INTERVAL = setInterval(function(){
var pRoot = $("nav[data-coral-columnview-id=root]");

if(pRoot && pRoot.length > 0){
clearInterval(INTERVAL);
pRoot.first().append("<a class='coral-ColumnView-item' href='/libs/granite/security/content/useradmin.html'>Users</a>")
}
});
})(Granite.$);


Viewing all articles
Browse latest Browse all 526

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>