nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

best way to customize look of Alfresco Share?

targa2000

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.

Find more posts tagged with

Comments

mikeh

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

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

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

Thanks,
Mike

hss

Thank you Mike for your quick response.

chandu7ee

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

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

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….?

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>
</@>