AEM 61 - ClassicUI Show Alert with References while Removing a Tag


Show Alert with Paths Referencing the Tag, before user hits yes and Tag removed in Tagging console - http://localhost:4502/tagging

For Touch UI check this post

Demo | Package Install


1) Login to CRXDE Lite, create folder (nt:folder) /apps/classicui-show-tag-references

2) Create clientlib (type cq:ClientLibraryFolder/apps/classicui-show-tag-references/clientlib and set a property categories of String type to cq.tagging and dependencies value underscore

3) Create file ( type nt:file ) /apps/classicui-show-tag-references/clientlib/js.txt, add the following


4) Create file (type nt:file) /apps/classicui-show-tag-references/clientlib/tag-references.js, add the following code

(function () {
    if (window.location.pathname !== "/tagging") {


    //the query to find tag references (pages and assets)
    //Exact match: SELECT * from [nt:base] AS t WHERE NAME(t) = 'jcr:content' AND CONTAINS(t.[cq:tags], 'experience-aem:english/us')
    var CHECK_TAGS_SQL_2_QUERY = "SELECT * from [nt:base] AS t WHERE NAME(t) = 'jcr:content' " +
                                    "AND CONTAINS(t.*, 'PLACEHOLDER')";

    function registerShowRefsAlert(){
        var tagAdmin = CQ.tagging.TagAdmin,
            deleteTagFn = tagAdmin.deleteTag;

        //override ootb function to inject the logic showing references alert
        tagAdmin.deleteTag = function(){
            var tagPath = tagAdmin.getSelectedTag();

            if (tagPath == null) {

            tagPath = tagPath.substring( this.tagsBasePath.length + 1);

            var tagInfo = CQ.tagging.parseTag(tagPath, true),
                query = encodeURIComponent(CHECK_TAGS_SQL_2_QUERY.replace("PLACEHOLDER", tagInfo.getTagID()));

            //you may want to replace this crxde lite call with a servlet returning query results
            query = "/crx/de/query.jsp?type=JCR-SQL2&showResults=true&stmt=" + query;

            //"this" here is tagadmin object, passed as context
            $.ajax( { url: query, context: this } ).done(showAlert);

        function showAlert(data){
            if(_.isEmpty(data) || _.isEmpty(data.results)){

            var message = "Selected tag is referenced. Click 'yes' to proceed deleting, 'no' to cancel the operation.";

            _.each(data.results, function(result){
                message = message + result.path + "";

                "title": "Delete Tag",
                "msg": message,
                "buttons": CQ.Ext.Msg.YESNO,
                "icon": CQ.Ext.MessageBox.QUESTION,
                "fn": function (btnId) {
                    if (btnId == "yes") {
                        this.postTagCommand("deleteTag", tagAdmin.getSelectedTag());
                "scope": this

1 comment:

  1. Hi Sreekanth, could you please help me out how to delete the tag references from the pages? Whenever i am deleting a tag it is getting deleted from the tag console but the pages where it is referenced is not getting deleted. How can i achieve this?