January 19, 2012

Color-coding Environments

We’ve all done it. Work on a report in a development environment. Promote it to test. Maybe make a quick change. Move it to production. Identify a change, make the change in test, promote again to prod, and at some point, make a change in the wrong environment.
In this post, I’ll show a quick trick to make your different Business Objects environments easily distinguishable from one another.

I’m Using
  • BOBJ XI3.1 SP5
  • InfoView
  • Microsoft Paint (or similar)
I’m Assuming
  • You have access to the Business Objects server, specifically to the tomcat directories.

The Result

It certainly isn’t pretty, but that’s the idea.

The Setup

The top bar in InfoView is made up of three separate images. In a default install, these are located in C:\Program Files (x86)\Business Objects\Tomcat55\webapps\InfoViewApp\res\schema.blue
  • banner_INFOVIEW.gif is the the top left logo
    banner_INFOVIEW - Copy
  • app_banner_pattern.gif is an image only 1 pixel wide that is repeated across the centre-top section of the screen
  • banner-right.gif is the logo shown on the right
    banner-right - Copy

The first step is to back these up. I prefer to copy/paste the entire folder rather than individual files.

To replace these with the red banner above, create three new images. The easiest way to do this is in Microsoft Paint.
  1. Open Paint (I’m using the Windows 7 version) and create an image 450 pixels wide by 45 pixels high.
  2. Use the bucket tool to color it red. Since this will be saved as a gif, it’s best to pick a pure red RGB(255,0,0). Perhaps obviously, it should look something like this:
  3. Click Save As and replace the file "C:\Program Files (x86)\Business Objects\Tomcat55\webapps\InfoViewApp\res\schema.blue\banner-right.gif"
  4. Now, click Save As again and this time save over the file "C:\Program Files (x86)\Business Objects\Tomcat55\webapps\InfoViewApp\res\schema.blue\app_banner_pattern.gif"
    Although these images strictly don’t need to be 450 pixels wide, the image size is only 1kb so it doesn’t matter if they’re wider.
  5. Next, select the text tool in paint, click in your image and type whatever text you would like to appear in the top left.
  6. Click Save As once more and this time overwrite the file "C:\Program Files (x86)\Business Objects\Tomcat55\webapps\InfoViewApp\res\schema.blue\banner_INFOVIEW.gif"

That’s it!

No restart of tomcat required, just hit F5 in InfoView and you’ll see the images.
If you’d like to do the same in the CMC, you’ll find the files located in C:\Program Files (x86)\Business Objects\Tomcat55\webapps\CmcApp\images