SAP Knowledge Base Article - Public

2863601 - How to change Jam favicon (tab icon)? - SAP Jam

Symptom

Want to change the Jam favicon to a custom logo/image


"Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental."

Environment

SAP Jam Collaboration

Resolution

The favicon for SAP Jam can be changed via the Custom Header feature, by adding some custom javascript code to the Jam header.

Pre-requisites:

  • Custom Header should be enabled.
  • JavaScript and all HTML elements for custom header should be enabled.
  • The custom favicon logo/image should be publicly hosted i,e. available via a public URL.

Implementation Steps:

  • Access Jam admin section, and navigate to Branding -> Web.
  • Enable the following settings, if not already enabled-
    • Enable custom header
    • Enable JavaScript and all HTML elements for custom header
      web branding.jpg

  • Add the following code to the top of the custom header window-
    • <script>
      $("link[rel*='icon']").attr("href", "FAVICON_URL");
      </script>

Note: FAVICON_URL should be replaced by the custom favicon/logo file URL.

  • Click the Save Changes button at the bottom of the Branding -> Web page.
  • The favicon should now change to the custom logo file as per the provided URL.

Example:

  • Custom Header section with the favicon script added 
    favicon_script.jpg

  • Custom favicon in the browser tab
    tab_favicon.jpg

Keywords

Change favicon, Jam Favicon, Custom Header , KBA , LOD-SF-JAM-BRN , Branding Options - Web & Mobile , How To

Product

SAP Jam Collaboration 1905