By Tim Dexter on Aug 19, 2008
I have had requests over the last few months asking how one might customize the look and feel of Publisher. I started to delve into the css and html files but its just too time consuming and a mine field to try even the simplest changes.
Before I go further, if you try this and make changes, you are on your own, support can not help you out if you stuff it up. Be sure to back up the CSS files!
I have to thank Mike Reller from the BIEE team, I was watching a webinar on customizing the look and feel of BIEE. He had found a very cool Firefox plugin - FireBug.
Once installed it manifests itself as a bug icon in the bottom right of the Firefox window.
When you are viewing any page, you can hit the bug icon and you'll get a panel in the bottom half of the browser. Its filled with the HTML and CSS items in the current page. Heres the folder view for Publisher.
As you can see you can now see where the CSS is and its contents. If you hover on the CSS or HTML the area will be highlighted in the browser. As you can see below the Folder icon area is highlighted in the browser page and there is a popup of the folder icon image.
Using this method I went into the images directory (J2EE_HOME\applications\xmlpserver\xmlpserver\xdo\images and swapped out the folder.gif with a new one. Reloaded the page et voila!
So, its still not simple but its very doable with a little Firebug help!