Customizing Publisher

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.

Firebug1.gif

Excuse the Monkey - thats a useful plugin too if you're out on the forum regularly.

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.

Firebug2.gif

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.

Firebug3.gif

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!

Firebug4.gif

Red Folders!

So, its still not simple but its very doable with a little Firebug help!


Comments:

Tim, I agree Firebug is a fantastic tool for making HTML/CSS changes. But I think it's useful to mention that you first need to click on the 'Inspect' button, otherwise the areas on your page will not highlight ... Usually you won't change the HTML, but only the CSS. Maybe it's good to know that Firebug allows you to change the style sheets and preview the outcome immediately. These changes are not saved to the actual CSS files (since this requires access to the server and authorization). This is a very intuitive way of customizing the look and feel of your page, even with a limited knowledge of CSS. Jouke

Posted by Jouke on August 19, 2008 at 05:11 PM MDT #

@Jouke - thanks for the insight

Posted by Tim on August 20, 2008 at 05:44 AM MDT #

Tim, if we need to change the default text "Oracle BI Publisher" that appears at the top after logging into the application.can this be done?? Do we need to change the CSS files and which files do we need to make changes in,and where are those located?? Regards, Gaurav

Posted by Gaurav Rana on September 07, 2009 at 05:40 PM MDT #

Thanks for the tip. I have been trying to replace the blue banner and the "ORACLE" image but have only partially succeeded by replacing headerBg.jpg and oracle.gif with images of the same name. It seems like I should be able to modify login.jsp, crosstab.css, and xdo.css with any image file name but that has no effect. It really makes no sense for me to have an image called "Oracle.gif" out there. What's the clean way to implement this modification? Thanks.

Posted by Mike G on May 23, 2011 at 08:18 AM MDT #

Post a Comment:
  • HTML Syntax: NOT allowed
About

Follow bipublisher on Twitter Find Us on Facebook BI Publisher Youtube ChannelDiscussion Forum

Join our BI Publisher community to get the most and keep updated with the latest news, How-to, Solutions! Share your feedback and let us hear your voice @bipublisher on Twitter, on our official Facebook page, and Youtube!

Search

Archives
« April 2014
SunMonTueWedThuFriSat
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   
       
Today