Community Favicon & Browser Tab Name

edited June 25, 2020 in Questions
I'm working on improving a visualforce community. 1. Currently the favicon is just the cloud part of the Salesforce logo. I would like to change that somehow. I uploaded an icon as a Salesforce static resource. But it doesn't seem to be working. Can this be done through Skuid? 2. Since implementing a custom header, the browser tab names just display the url of the page. Which is kind of ugly. Previously it displayed the name of the community. Anyone know how to fix this? Thanks!

Comments

  • edited October 20, 2017
    Hey Ryan,

    For #2: you can set the browser tab names by adding <apex:page title="YourTabTitle" on the Visualforce Page itself. See this for guidance: http://help.skuidify.com/m/page-assignments-and-overrides/l/201793-using-the-skuid-page-visualforce-...

    As for #1: That's a good point. I'm building a community myself at the moment and would want to brand the favicon. Not sure how to do this. But my current guess would be that it's something we could set in the Visualforce Page as well.
  • edited June 25, 2020
    The favicon works as well now on pages where I am not utilizing a custom header. But still no luck where I am using the new header.

    Not sure if it has to do with the disabling the Salesforce header, or because these are child pages. I created a parent page with just the skuid header, and every other page in the community is a child page. I tried adding title="OODA Risk" to the visualforce page but no change. 

    imageimage
  • Pat VachonPat Vachon 💎💎💎
    edited March 27, 2020
    Just came across this as well and wanted to use my own icon. You could do this from the master skuid page using javascript.

    image
    (function(skuid){  var $ = skuid.$;  $(document.body).one('pageload',function(){         var link = document.createElement('link');         link.type = 'image/x-icon';         link.rel = 'shortcut icon';         link.href = 'http://www.mblazonry.com/wp-content/uploads/2016/03/mblazonry_logo_only_favicon.ico';         document.getElementsByTagName('head')[0].appendChild(link);  }); })(skuid);
  • edited December 7, 2016
    Awesome, thanks for sharing this snippet Pat.

    Just to be clear though, my understanding is that if you want to override the SF Cloud Favicon on a Community, you MUST use a custom https:// domain (meaning you'll need an SSL certificate on the custom domain that you're using for your community).

    I have tried to update the favicon on my Community with no luck because I'm waiting for approval to buy an SSL cert for our custom domain.

    But nonetheless, I'll be using this snippet once we get that certificate, so thanks for sharing Pat.

    My guess is you're using this for your actual SF org, and not a community, correct?
  • Pat VachonPat Vachon 💎💎💎
    edited March 3, 2016
    Correct. Using on my production org.
  • edited December 2, 2019
    Pat, do you know if this is possible to do without a master/parent page?  Any reason why I couldn't use the javascript on all of my pages? 
  • Pat VachonPat Vachon 💎💎💎
    edited December 2, 2019
    You can use this on any page. Just easier on master/parent.
  • Jack SanfordJack Sanford San Antonio, TX 💎💎
    edited March 27, 2020
    Still useful 4 years later. My experience is that adding this to the VF page works fine:
     <link REL="SHORTCUT ICON" HREF="/resource/1570900135000/XynFavicon"/> 

    UNTIL you have a custom domain you are using with your skuid page. Then Pat's snippet does the trick nicely. 

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!