topic PNG ICON in Alfresco Archive https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305346#M258476 <HTML><HEAD></HEAD><BODY><SPAN>Hello everyone !</SPAN><BR /><SPAN>someone know how added png icon for share site buttons? for example:</SPAN><BR /><SPAN>-Dashboard site</SPAN><BR /><SPAN>-Document Library </SPAN><BR /><SPAN>-Blog</SPAN><BR /><SPAN>and another buttons.</SPAN><BR /><SPAN>thank you for your responses !</SPAN><BR /></BODY></HTML> Mon, 25 Jul 2016 07:56:59 GMT johnny_k 2016-07-25T07:56:59Z PNG ICON https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305346#M258476 Hello everyone !someone know how added png icon for share site buttons? for example:-Dashboard site-Document Library -Blogand another buttons.thank you for your responses ! Mon, 25 Jul 2016 07:56:59 GMT https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305346#M258476 johnny_k 2016-07-25T07:56:59Z Re: PNG ICON https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305347#M258477 <HTML><HEAD></HEAD><BODY><P>Sorry that no one has answered yet. I think it might help if you could take a screenshot and mark it up to show what it is you are trying to do. A picture is worth a thousand words.</P></BODY></HTML> Thu, 22 Sep 2016 21:30:21 GMT https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305347#M258477 jpotts 2016-09-22T21:30:21Z Re: PNG ICON https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305348#M258478 <HTML><HEAD></HEAD><BODY><P>What i want to do:</P><P><IMG __jive_id="9587" alt="" class="image-1 jive-image j-img-original" src="https://connect.hyland.com/legacyfs/online/alfresco/9587_site-img-menu.png" style="width: 620px; height: 73px;" /></P><P></P><P><SPAN style="color: #727174; background-color: #ffffff;">thank you for your responses !</SPAN></P></BODY></HTML> Fri, 23 Sep 2016 06:09:38 GMT https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305348#M258478 johnny_k 2016-09-23T06:09:38Z Re: PNG ICON https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305349#M258479 <HTML><HEAD></HEAD><BODY><P>Those menu items are rendered by the Aikau&nbsp;"<A href="https://dev.alfresco.com/resource/docs/aikau-jsdoc/AlfMenuBarItem.html" rel="nofollow noopener noreferrer">alfresco/menus/AlfMenuBarItem</A>" which does have support for adding icons, however the default icon position is to the left and not above (I suspect you're trying to recreate the look of the old 3.4 header?)</P><P></P><P>Firstly you're always going to need to extend the header (you're going to make sure you follow the steps in this <A href="http://stackoverflow.com/questions/37023215/why-doesnt-my-share-header-customization-work-on-the-search-page" rel="nofollow noopener noreferrer">SO question and answer</A> I created to ensure that the customization is applied to all pages in Share. For general guidance on extending the Share header you can read this <A _jive_internal="true" href="https://community.alfresco.com/community/ecm/blog/2013/09/04/customizing-the-share-header-menu-part-1" rel="nofollow noopener noreferrer">blog post</A>.</P><P></P><P></P><P>You're going to want to either extend the AlfMenuBarItem widget (or create an entirely new widget) and then update the page model defined by the share-header.lib.js file - in particular the part of the model created by the "getSiteNavigationWidgets" function to swap out the default widgets with your custom version.</P><P></P><P>You can do this by searching for the IDs of the menu items... the steps described in this <A _jive_internal="true" href="https://community.alfresco.com/community/ecm/blog/2015/04/01/adding-views-to-filtered-search" rel="nofollow noopener noreferrer">blog post</A> will help you get the IDs and snippets of code for finding them.</P><P></P><P>Hopefully that makes sense - please reply if you need more assistance with this!</P></BODY></HTML> Fri, 23 Sep 2016 10:44:49 GMT https://connect.hyland.com/t5/alfresco-archive/png-icon/m-p/305349#M258479 ddraper 2016-09-23T10:44:49Z