Pages

Monday, May 10, 2010

Creating custom styles for OBIEE Dashboard

The default look and feel of OBIEE dashboard can be modified by creating custom style. To create custom style, one should know Casecading Style Sheets (CSS) and have basic knowledge of graphic design.

Here are steps to apply custom style to OBIEE dashboard.

1. Stop OC4J

2. Go to folder Drive:\OracleBI\oc4j_bi\j2ee\home\applications\analytics\analytics\res and make copy of folder s_oracle10 with some different name. For instance, s_mycompany.

3. Modify CSS and images in the subfolder b_mozilla_4 under s_mycompany, as per the requirement.

4. Copy s_mycompany folder to Drive:\OracleBI\web\app\res

5. Start OC4j and Log on to analytics web application.

6. Go to dashboard properties and select newly created style "mycompany" in the style dropdown.


The screen below shows default OBIEE banner area.


Here I made changes to banner images and styles to change the looks.


You can write to me if you want files for above style.

3 comments:

  1. Hi Hithesh...
    Very useful post... I used the same steps which you have mentioned to customise my dashboard.. It works fine in the case of new banner images which are of same size as old... But if I make the same try to replace an old banner image of 9KB with new banner image of 21KB, I couldnt see the banner at all in the dashboard... Can you help me in this regard... Thanks in advance...

    ReplyDelete
  2. The size(KB) of the banner image shouldn't matter. Keep dimension and name of the image same as older. Also, make sure you are copying skin in both "res" folders.

    Drive:\OracleBI\oc4j_bi\j2ee\home\applications\analytics\analytics\res

    and

    Drive:\OracleBI\web\app\res

    ReplyDelete
  3. Hi Hitesh can u provide us the files for the above style. Can u please upload it to some file hosting service? Really gud tutorial.

    ReplyDelete