<< Back

Fix Tableau Server v9 Logos

I love the new look Tableau Server, the arrangement of content, the colour scheme…it’s fantastic and exactly what the product needed. There’s just one little detail that’s always bugged me since its release. The logos!

For a number of versions now we’ve had the option to customise the server by adding a logo of our choice to the login screen and the portal. There was only one logo needed as the login screen and portal both had very light colour schemes. For those interested the commands then and now are:

tabadmin customize logo “[File Location]”
tabadmin restart

The only problem now in version 9 is the background colour for the logo changes from login screen to the portal (if you use automatic AD logon or SAML you probably won’t have noticed). The Tableau Server admin guide even addresses this with the following:

Tableau Server Custom Logo

However! There aren’t any new commands, you can’t it seems add one logo for the login screen and another for the portal. Indeed we came across the problem on our server when we added a white logo to our server to look good in the portal:

Portal vs Login

So how do you fix this? Well annoyingly for now the answer is to the hack the server html files. Reading through the code it does seem there is the ability to have two separate logos, it just hasn’t been implemented yet as a tabadmin customize command.

WARNING!!! Following these steps will move you out of the realm of Tableau support. The steps are simple however they are done at your own risk. You should always backup your Tableau Server before attempting any modification of its underlying files. Should everything break the only solution may be a complete uninstall, full install and then a restore of that backup. You have been warned!

It is fairly simple though, anybody with a rudimentary understanding of html can do it. Here’s how:

  1. Remote desktop to your Tableau Server and customise your server so your logo works in the portal, but not on the login screen (as above)
  2. Copy the logo for the login page to datatabsvcwgserverimagescustom (these folders are either located in your installation directory for secondary drive installs or in the ProgramData Tableau folder for primary C drive installs)
  3. Navigate to [Installation Directory]Tableau Server9.0vizportalclientpublicen (en is the locale your server works on, if you use multiple locales you need to edit each version)
  4. Make a backup/copy of signInLogo.html
  5. Open signInLogo.html with notepad or an equivalent text editor
  6. Replace the contents of the file with the following code (substitute [Your Logo filename] for the filename of the logo you copied in step 2

    <div tb-width=”signInLogo.width” tb-height=”signInLogo.height” title=”{{ signInLogo.title }}” class=”tb-login-logo”><img src=”/images/custom/[Your Logo filename]” style=”margin-left:-40px;”/></div>

  7. Notice the “margin-left: -40px;”, you may need to tweak this value depending on the size of your logo.
  8. Save the file and restart Tableau Server (the official way is to run a tabadmin restart command, the quick way is to end the vizportal process in task manager, it will then start itself back up within about 20 seconds)
  9. Tableau Server does make use of local browser caching so you may need to view your handy work in private/incognito mode or clear out your browser’s cache.

The results on our Tableau Server login screen:

Portal vs Login After

ANOTHER WARNING!!! You’ve done something cool, your server looks great. Should you decide to upgrade your server (which you should) your good work will be lost…so make a copy of the working file and remember to modify the replacement after upgrading.

Craig Bloodworth

York, UK

9 thoughts on “Fix Tableau Server v9 Logos

  1. Or you can opt for the lazy version and generate a .png-file with transparency and a nice white outline around the logo. This way you see a clean logo on the login screen and the same logo with an outline in the portal.

  2. hi, we’re experiencing issues with this customization, do you happen to know why we see a too wide black bar at the top when trying to add our company logo?
    thanks

  3. For some reason I cannot get the logo I put in /images/custom to appear on the login page. What am I doing wrong?
    Cheers, Stu

    1. I’m having the same issue. I can see my white logo once I log in but my color logo doesn’t appear on the sign-in page. However, I am using a 9.2 beta as a test (didn’t want to risk it on my production server).

      Any thoughts?

  4. Hi,
    great hack – alas I cannot get it working properly. While the intended logo now appears on the login page, the logo on the portal vanished …. although I first used the tabadmin customise and deleted the browser’s cache… Am greatful for any advice how I could make the the portal image appear again. Thanks!

  5. Just nevermind it was my bad, your code work like a charm.

    Somehow when I copied paste to try it out the quotes were not the right ones anymore !

    Thanks for the good trick 🙂

  6. Ok – so I tried this in Tab 9.2 but it has not worked. Looking into the files that generate the sign in page it appears that it now uses the “customised logo” if you have gone through the tabadmin route. So the fix above is no longer valid??

  7. In 9.1 the path for the image files is no longer in datatabsvcwgserverimagescustom but in 9.1/wgserver/public/images. I created a 9.1/wgserver/public/images/custom folder and put my logos in it. But I cannot get the image to show.
    I’ve tried <img src=”/images/custom/[Your Logo filename]” and <img src=”pubic/images/custom/[Your Logo filename]” but the logo still does show.

    Can you see what I'm doing wrong?

Leave a Reply

Your email address will not be published. Required fields are marked *