OBIEE - Skin and style Configuration

You can check the directory skin location with a right click on a OBIEE dashboard page, select show source code and search “custom.css”.

In my dashboard, you can see below that the custom.css is located here :

• OBIEE Analytics WebSite Root/analyticsRes/s_gerardnico/b_mozilla_4/custom.css

<link href="analyticsRes/s_gerardnico/b_mozilla_4/custom.css" type="text/css" rel="stylesheet"></link>
<script language="javascript" src="res/b_mozilla/browserdom.js"></script>
<script language="javascript" src="res/b_mozilla/common.js"></script>
 
<script language="javascript" src="res/b_mozilla/viewhelper.js"></script>
<script language="javascript" src="res/b_mozilla/menu.js"></script>
<script language="javascript" src="res/b_mozilla/xmluiframework.js"></script>
<script language="javascript" src="res/b_mozilla/common/drillinfo.js"></script>
<script language="javascript" src="res/b_mozilla/chartview.js"></script>
<script language="javascript" src="res/b_mozilla/pivot.js"></script>

In a default installation with OC4J, the skin and style directory are located in this directory:

OracleBI_Home\oc4j_bi\j2ee\home\applications\analytics\analytics\res

The directory begin :

• with sk for the skin
• with s for the syle

Copy a skin and a style directory in a subdirectory named analyticsRes and rename them with this syntax:

sk_Name
s_Name

Replace Name with your own value. Example with gerardnico:

You must also maintain an exact copy of this directory in the directory OracleBIData_Home\web\res. When the presentation service start, OBI use this directory to load the skin/style and the pictures.

The below modifications have to be made in the instanceconfig.xml :

<DefaultStyle>Gerardnico</DefaultStyle>
<DefaultSkin>Gerardnico</DefaultSkin>
<URL>
	<CustomerResourceVirtualPath>analyticsRes</CustomerResourceVirtualPath>
</URL>

It specify:

• the default skin
• the default style
• and the virtual path. If you don't specify the virtual path, you will then be unable to see the dashboard because the default virtual path as the value ”/analyticsRes” and the slash is recognized by OC4J. See the support section.

Restart the presentation service

You can change the style and verify that the default value is correct.

Go back to the instance config step and add of correct the value of the xml tag <CustomerResourceVirtualPath>. If you don't have specify one, by default the value is /analyticsRes as you can see below:

<script language="javascript" src="res/b_mozilla/menu.js"></script>
<link rel="stylesheet" href="/analyticsRes/s_vgw/b_mozilla_4/portalcontent.css" type="text/css">

Remark that the javascript path doesn't use a first backslash.