Business Intelligence – Oracle

Oracle BI EE – Styles and Skins – Firebug to your Rescue

Posted by Venkatakrishnan J on October 26, 2007

Currently, there is no proper documentation on the various java scripts, css files etc that come along with the styles in BI EE. So, if you are part of the UI team and would like to customize OBI EE but do not know where to start, do not despair. There is a wonderful little extension called Firebug(only for firefox), that will let you know which css, html, java scripts are used where in the dashboards, answers etc. This extension is available only for firefox. If you want a similar one for IE, you can get the instructions of using firebug on IE here.  You can download the Firebug extension for Firefox here


So, if you want to know which part of the screen a particular CSS is being used, just scroll over the CSS and that part of the screen will be highlighted as shown below. This utility is very handy if you want to make some minor modifications to your CSS files.


Just thought i would blog about it since this is a very common question on the customization front.

5 Responses to “Oracle BI EE – Styles and Skins – Firebug to your Rescue”

  1. Umesh said


    Great blog!! I have been following bunch of your posts and they are quite interesting. You are pretty much on the steps of Mark Rittman, covering breadth and length of Oracle BI and anything related. Way to Go!

    Btw, for getting hold of CSS and to that matter any details about a web page, you can use Web Developer toolbar for Firefox. It does tell you which style is being used by a particular section (reverse of what mentioned in your blog), but useful. And there are quite a number of other features like changing the CSS and see its effect there in there. A word of caution would be that: It might get difficult to deal with Stylesheet when you have multiple CSS files imported or properties being inherited from parent components.

  2. Venkatakrishnan J said

    Thats a good one Umesh. Quite interesting addon since it has quite a lot of features. Thanks for sharing it here.

  3. […] report URLs displayed above. In order to do this you can either use the Firebug extension mentioned here or just review the HTML source of the dashboard […]

  4. […] extension installed. If you are not sure what the Firebug extension does, check my blog entry here. As a next step, start inspecting the HTML code of the footer. Firebug has this nice option called […]

  5. Parn said

    I have read three to four posts on this blog and its been very helpful! Very informative and refreshing blog 🙂

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: