Different folder icon in folder details page for different sites

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.

thbaymet

Hi,

I want to change folder icon in folder details page. And I want to use different color in some different sites.
It is defined in <em>/components/folder-details/node-header.get.html.ftl</em>, but I don't know how to do it for different sites.

Please help me,
Thanks.

thbaymet

I've finally find a solution to this problem.

In my <em>node-header.get.js</em> file, I defined a function in order to get my sitePreset as the icon color depends on the sitePreset.


function getSitePresetName(siteName)
{
if (siteName == "site1") { return siteName; }
if (siteName == "site2") { return siteName; }

var sites = null;
var result = remote.call("/api/sites");
   
if (result.status == 200) {
   sites = eval('(' + result + ')');
      
   var tokens = new Array();
      
   if (sites != null && sites.length > 0) {
    for (var i = 0; i < sites.length; i++) {
      if (siteName == sites.shortName) {
         if (sites.sitePreset == "site-dashboard") {
            return "site3";
         }
         if (sites.sitePreset == "site-dossier-2-dashboard") {
            return "site4";
         }
         break;
      }
         }
   }
  }
   
return "site5";
}
<code>

Then I call to this function in my <em>main</em> function to store the result in the model.

<code>
model.siteType = getSitePresetName(model.site);


And finally in the <em>node-header.get.html.ftl</em> file, I display the icon.

<#if siteType == "site1">
    <img src="${url.context}/res/components/../images/folder-orange-48.png"
       title="${displayName}" class="node-thumbnail" width="48" />
    <#elseif siteType == "site2">
        <img src="${url.context}/res/components/…/images/folder-green-48.png"
           title="${displayName}" class="node-thumbnail" width="48" />
    <#elseif siteType == "site3">
         <img src="${url.context}/res/components/…//images/folder-red-48.png"
             title="${displayName}" class="node-thumbnail" width="48" />
     <#elseif siteType == "site4">
           <img src="${url.context}/res/components/…./images/folder-violet-48.png"
       title="${displayName}" class="node-thumbnail" width="48" />   
     <#else>
   <img src="${url.context}/res/components/images/filetypes/generic-folder-48.png"
       title="${displayName}" class="node-thumbnail" width="48" />   
      </#if>

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

It could be useful to someone.
Thanks.