cancel
Showing results for 
Search instead for 
Did you mean: 

best way to customize look of Alfresco Share?

targa2000
Champ in-the-making
Champ in-the-making
I need to customize the look of Alfresco Share, replacing the 'Alfresco Share' app-logo.png with a custom logo as well as changing the look of the background image in the head of the page.  What is the best way to customize the look as an extension to Share?  I don't want to go in and modify the actual code base.
7 REPLIES 7

mikeh
Star Contributor
Star Contributor
Copy or modify one of the existing themes (greenTheme or hcBlack) in the themes folder.

To test the theme, use ?theme=… on the URL. To make it permanent, grab the web-framework-config-custom.xml.sample file from the web-extension folder in WEB-INF and copy it to tomcat/shared/classes/alfresco/web-extension, removing the ".sample" extension.
<alfresco-config>
   <!– Specify another theme as the default theme –>
   <config evaluator="string-compare" condition="WebFramework">
      <web-framework>  
         <application-defaults>
            <theme>THEME-NAME-GOES-HERE</theme>
         </application-defaults>
      </web-framework>
   </config>
</alfresco-config>

Thanks,
Mike

hss
Champ in-the-making
Champ in-the-making
In addition to the request, I also would like to know how add a link to the logo 'Alfresco Share' app-logo.png' to a specific site i.e when someone clicks on the logo, it should take the user to a specific site.

Thanks in advance.

mikeh
Star Contributor
Star Contributor
Override header.get.html.ftl to add an <a href> tag around the image.

Thanks,
Mike

hss
Champ in-the-making
Champ in-the-making
Thank you Mike for your quick response.  :mrgreen:

chandu7ee
Champ in-the-making
Champ in-the-making
Hi MikeH

may i know how to change default value as "hide folder"  for alfresco share site document library.  basically its default is "show folder".

i will explain in detail ,

1.create a site
2.go to document libray for that site
3.create NewFolder
4.it will not show the folder until we clicked on "show folders" link

but here i need to display folders directly.

where can i made those changes and how?

mikeh
Star Contributor
Star Contributor
Override documentlist.get.html.ftl in the web-extension folder and change the "false" default to "true".

Thanks,
Mike

P.S. Please try to create new topics rather than extending unrelated ones. Thanks.

chandu7ee
Champ in-the-making
Champ in-the-making
Override documentlist.get.html.ftl in the web-extension folder and change the "false" default to "true".

Thanks,
Mike

P.S. Please try to create new topics rather than extending unrelated ones. Thanks.


how can i do that one….?   Smiley Sad


just i changed documentlist.get.html.ftl  as follows

<#include "include/documentlist.lib.ftl" />
<@documentlistTemplate>
<script type="text/javascript">//<![CDATA[
   new Alfresco.DocumentList("${args.htmlid}").setOptions(
   {
      <#if repositoryUrl??>repositoryUrl: "${repositoryUrl}",</#if>
      siteId: "${page.url.templateArgs.site!""}",
      containerId: "${template.properties.container!"documentLibrary"}",
      usePagination: ${(args.pagination!false)?string},
      showFolders: ${(preferences.showFolders!true)?string},
      simpleView: ${(preferences.simpleView!false)?string},
      highlightFile: "${page.url.args["file"]!""}",
      vtiServer: ${vtiServer}
   }).setMessages(
      ${messages}
   );
//]]></script>
</@>