topic Alfresco share 4.2.e customization in Alfresco Archive https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285899#M239029 <HTML><HEAD></HEAD><BODY><SPAN>Hi All, I am new to Alfresco share customization and new to YUI &amp; client side implementation.</SPAN><BR /><BR /><SPAN>I would like to add new button on document library page next t "Selected Item …" drop down. Below are the modification which I have done till now.</SPAN><BR /><SPAN>1) Added Button To FTl (alfresco\web-extension\site-webscripts\org\alfresco\components\documentlibrary\include\&lt;b&gt;documentlist_v2.lib.ftl&lt;/b&gt;): </SPAN><BR /><SPAN>In this file I have added button same as File Upload button.</SPAN><BR /><PRE class="language-none line-numbers"><CODE><BR />&lt;#– Custom Select Value BUTTON –&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;@markup id="categoryButton"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;#if uploadable&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="hideable toolbar-hidden DocListTree"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="category-select"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span id="${id}-categorySelect-button" class="yui-button yui-push-button"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="first-child"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button name="fileUpload"&gt;Select Category..&lt;/button&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/#if&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/@&gt;<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>2) Modified (components\documentlibrary\&lt;b&gt;toolbar-min.js&lt;/b&gt;) : (Not sure why i had&nbsp; to do this, but followd same code from File upload button, request to provide explanation for the same)</SPAN><BR /><PRE class="language-none line-numbers"><CODE><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Custom button to select category<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.widgets.selectCategory = Alfresco.util.createYUIButton(this, "categorySelect-button", this.onCategorySelect,<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; disabled: true,<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: "Select Category .."<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.dynamicControls.push(this.widgets.selectCategory);<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>3) Created onCategorySelect() in toolbar-min.js (same file used in step-2), which is creating a &lt;b&gt;SimpleDialog&lt;/b&gt;</SPAN><BR /><PRE class="language-none line-numbers"><CODE><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onCategorySelect: function DTLB_onCategorySelect(e, p_obj){<BR />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; alert("—-&gt; onCategorySelect Function Called &lt;—- ");<BR />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; var categorySelect = new Alfresco.module.SimpleDialog(this.id + "-categorySelect");<BR />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; categorySelect.setOptions({<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width : "30em",<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; templateUrl : Alfresco.constants.URL_PAGECONTEXT+ "modules/documentlibrary/select-category",<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; destroyOnHide: true,<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onSuccess:<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fn: function dlA_onActionEditTag_success(response)<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Alfresco.util.PopupManager.displayMessage({<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text: "Success"<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;});<BR /><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scope: this<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onFailure:<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fn: function onActionEditTag_failure(response)<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Alfresco.util.PopupManager.displayMessage({<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text: "Failed"<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;});<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scope: this<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }).show();<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>4)Created a new module ftl (alfresco\web-extension\site-webscripts\org\alfresco\modules\documentlibrary\&lt;b&gt;select-category.get.desc.xml&lt;/b&gt;), this is getting called using URL from above (step-3) function.</SPAN><BR /><PRE class="language-none line-numbers"><CODE><BR />&lt;webscript&gt;<BR />&nbsp; &lt;shortname&gt;select-category&lt;/shortname&gt;<BR />&nbsp; &lt;description&gt;Dialog to select category&lt;/description&gt;<BR />&nbsp; &lt;url&gt;/modules/documentlibrary/select-category&lt;/url&gt;<BR />&lt;/webscript&gt;<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>5) Below is alfresco\web-extension\site-webscripts\org\alfresco\modules\documentlibrary\&lt;b&gt;select-category.get.html.ftl&lt;/b&gt;, which returns html for module.</SPAN><BR /><PRE class="language-none line-numbers"><CODE><BR />&lt;@markup id="js"&gt;<BR />&nbsp;&nbsp; &lt;#– JavaScript Dependencies –&gt;<BR />&nbsp;&nbsp; &lt;@script type="text/javascript" src="${url.context}/res/modules/documentlibrary/selectCategory.js" group="documentlibrary" /&gt;<BR />&lt;/@&gt;<BR /><BR />&lt;@markup id="html"&gt;<BR />&nbsp;&nbsp; &lt;@uniqueIdDiv&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;#assign el=args.htmlid?html&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id="${el}-dialog" class="create-folder"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="${el}-dialogTitle" class="hd"&gt;${msg("title")}&lt;/div&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="bd"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form id="${el}-form" action="" method="post"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="yui-g"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 id="${el}-dialogHeader"&gt;${msg("header")}&lt;/h2&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="bdft"&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" id="${el}-ok" value="${msg("button.ok")}" tabindex="0" /&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" id="${el}-cancel" value="${msg("button.cancel")}" tabindex="0" /&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<BR />&nbsp;&nbsp; &lt;/@&gt;<BR />&lt;/@&gt;<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>6) As in step-5 ftl i am adding &lt;b&gt;selectCategory.js&lt;/b&gt;, which is as below.</SPAN><BR /><PRE class="language-none line-numbers"><CODE><BR />/**<BR /> * Copyright (C) 2005-2010 Alfresco Software Limited.<BR /> *<BR /> * This file is part of Alfresco<BR /> *<BR /> * Alfresco is free software: you can redistribute it and/or modify<BR /> * it under the terms of the GNU Lesser General Public License as published by<BR /> * the Free Software Foundation, either version 3 of the License, or<BR /> * (at your option) any later version.<BR /> *<BR /> * Alfresco is distributed in the hope that it will be useful,<BR /> * but WITHOUT ANY WARRANTY; without even the implied warranty of<BR /> * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.&nbsp; See the<BR /> * GNU Lesser General Public License for more details.<BR /> *<BR /> * You should have received a copy of the GNU Lesser General Public License<BR /> * along with Alfresco. If not, see &lt;<A href="http://www.gnu.org/licenses/" rel="nofollow noopener noreferrer">http://www.gnu.org/licenses/</A>&gt;.<BR /> */<BR /><BR />/**<BR /> * Select Category .<BR /> * <BR /> * @namespace Alfresco<BR /> * @class Alfresco.SelectCategory<BR /> */<BR /><BR />(function() {<BR />&nbsp;&nbsp;&nbsp;/**<BR />&nbsp;&nbsp;&nbsp; * YUI Library aliases<BR />&nbsp;&nbsp;&nbsp; */<BR />&nbsp;&nbsp;&nbsp;var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event, Bubbling = YAHOO.Bubbling;<BR /><BR />&nbsp;&nbsp;&nbsp;/**<BR />&nbsp;&nbsp;&nbsp; * Alfresco Slingshot aliases<BR />&nbsp;&nbsp;&nbsp; */<BR />&nbsp;&nbsp;&nbsp;var $html = Alfresco.util.encodeHTML, $hasEventInterest = Alfresco.util.hasEventInterest, $combine = Alfresco.util.combinePaths;<BR /><BR />&nbsp;&nbsp;&nbsp;/**<BR />&nbsp;&nbsp;&nbsp; * SelectCategory constructor.<BR />&nbsp;&nbsp;&nbsp; * <BR />&nbsp;&nbsp;&nbsp; * @param htmlId<BR />&nbsp;&nbsp;&nbsp; *&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {String} The HTML id of the parent element<BR />&nbsp;&nbsp;&nbsp; * @return {Alfresco.SelectCategory} The new SelectCategory instance<BR />&nbsp;&nbsp;&nbsp; * @constructor<BR />&nbsp;&nbsp;&nbsp; */<BR />&nbsp;&nbsp;&nbsp;Alfresco.SelectCategory = function(htmlId) {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Alfresco.SelectCategory.superclass.constructor.call(this,<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"Alfresco.SelectCategory", htmlId, [ "button", "container" ]);<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.eventGroup = htmlId;<BR /><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return this;<BR />&nbsp;&nbsp;&nbsp;};<BR /><BR />&nbsp;&nbsp;&nbsp;YAHOO.extend(Alfresco.SelectCategory, Alfresco.component.Base, {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/**<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * Fired by YUI when parent element is available for scripting<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * <BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * @method onReady<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onReady : function SelectCategory_onReady() {&nbsp;&nbsp;&nbsp;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(" —-&gt; onReady called &lt;—- ");<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<BR />&nbsp;&nbsp;&nbsp;<BR />&nbsp;&nbsp;&nbsp;});<BR />&nbsp;&nbsp;&nbsp;<BR />})();<BR /><BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>Questions :</SPAN><BR /><BR /><SPAN>1) When I click on Select Category button from document library page, I am getting first alert from &lt;b&gt;onCategorySelect&lt;/b&gt; function. As you can see in step-5, i am adding selectCategory.js, and this file has onReady method with alert(), but i am not getting this alert. Though i am able to see ftl file with dialog title &amp; dialog header. What i want is on load of that module/pop-up i want to call a webscript and get values from DB &amp; display it in on drop-down.</SPAN><BR /><BR /><SPAN>2) what is the use of group attribute in &lt;@script&gt; ?</SPAN><BR /><BR /><SPAN>Request all to send you valuable inputs for share customization. Also if you can help me with a tutorial / document that helps me in understanding share implementation, that way it will be easy for me to customize something in share.</SPAN><BR /><BR /><SPAN>Regards.</SPAN><BR /></BODY></HTML> Sun, 29 Dec 2013 11:20:37 GMT alfsender 2013-12-29T11:20:37Z Alfresco share 4.2.e customization https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285899#M239029 Hi All, I am new to Alfresco share customization and new to YUI &amp; client side implementation.I would like to add new button on document library page next t "Selected Item …" drop down. Below are the modification which I have done till now.1) Added Button To FTl (alfresco\web-extension\site-websc Sun, 29 Dec 2013 11:20:37 GMT https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285899#M239029 alfsender 2013-12-29T11:20:37Z Re: Alfresco share 4.2.e customization https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285900#M239030 <HTML><HEAD></HEAD><BODY><SPAN>Hi,</SPAN><BR /><BR /><SPAN>I'll go with some quick answers to both of your questions but mostly will advise you to read some doc.</SPAN><BR /><SPAN>Depending on your version, you'll see several examples in docs.alfresco.com or in Alfresco employees blogs that are way better than anything I could write here.</SPAN><BR /><BR /><SPAN>The whole surf extension mechanism is some kind of strange impossible to debug beast when you don't know it.</SPAN><BR /><SPAN>But it's a jewel when you get to know it and see what it enables you to do.</SPAN><BR /><SPAN>So if you don't want to just struggle, I'd really recommend you read a bit about it before actually diving into modifications.</SPAN><BR /><BR /><SPAN>1) All you do in your code is include a javascript that declares a class name Alfresco. SelectCategory</SPAN><BR /><SPAN>It is never instanciated, called or anything.</SPAN><BR /><SPAN>Depending on your version, the solution is different.</SPAN><BR /><SPAN>In 4.2 you will want to look at the model.widgets object that is returned by most of the modules' server javascript</SPAN><BR /><SPAN>In 4.1, the object is usually instantiated in the .html.ftl</SPAN><BR /><BR /><SPAN>2) All the scripts from the same group are fetched in a grouped way from the server to save some time</SPAN></BODY></HTML> Fri, 03 Jan 2014 18:07:29 GMT https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285900#M239030 scouil 2014-01-03T18:07:29Z Re: Alfresco share 4.2.e customization https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285901#M239031 <HTML><HEAD></HEAD><BODY><SPAN>Hi,</SPAN><BR /><BR /><SPAN>I am also trying to do same thing. I followed same step as you wrote above and it's working fine. I am very thankful to you for this post. Now i want that when i click on button, form will display and values of that form will save in alfresco one new custom table. Any kind of help is appreciable. Thanks allot for this.</SPAN><BR /></BODY></HTML> Thu, 28 May 2015 06:37:00 GMT https://connect.hyland.com/t5/alfresco-archive/alfresco-share-4-2-e-customization/m-p/285901#M239031 rachana 2015-05-28T06:37:00Z