http://blogs.dootdoot.com/mike

zenoss_logo_transI have been writing quite a few posts a bit about customizing Zenoss through ZenPacks. However, if you are in a similar situation to me, as you customize your solution you find that it lacks any sort of internal branding capabilities. While this doesn’t impact the products capabilities at all, sometimes it is nice to proudly display your company logo within your new monitoring solution as well.

Luckily, this is an easy change. To start, you will need to create a new logo. I would recommend saving your new image as a transparent PNG of size 309×40 and naming it newlogo.png. This will help guarantee your new logo fits well within the current Zenoss theme.

Next, based on your install of Zenoss, you can use the following steps as a guideline to finding the locations needed. I made these changes in Zenoss Core running on CentOS.

Use your favourite program to upload your new logo to your server. After you upload your image, you will want to move your new logo to the Zenoss directory, and then change to that directory:

mv newlogo.png /opt/zenoss/Products/ZenWidgets/skins/zenui/
cd /opt/zenoss/Products/ZenWidgets/skins/zenui/

Next, I would recommend keeping a backup of the old logo (just in case your logo looks awful and you want to change back some day, or because you’re a pack-rat and hate getting rid of things). After that, rename your new logo to work within the naming convention of the zenui theme:

mv logo.png logo_old.png
mv newlogo.png logo.png

Next, double-check your permissions on your new logo so that the file can be displayed properly:

chmod 664 logo.png

Finally, restart zenoss:

sudo /etc/init.d/zenoss restart

Now login to the Zenoss dashboard and refresh your browser, you should see your new logo.

Comments

3 Responses to “Zenoss – Change Dashboard Logo”

  1. Stefan on February 20th, 2012 4:16 am

    Ta for info :)

  2. fitra on March 27th, 2012 8:56 am

    very helpfull, Thanks :)

  3. Good Thanks :) on August 19th, 2015 9:18 am

    Any other solution , where we can dynamically change besides changing the actual logo or css file.

Leave a Reply