OBIEE 10G/11G - How to create a New Dashboard Style ?

How to implement this own Skin and style.

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>

The skin and style directory are located in this directory:

• 10g: with OC4J, OracleBI_Home\oc4j_bi\j2ee\home\applications\analytics\analytics\res
• 11g: ORACLE_HOME\bifoundation\web\app\res

The directory begin :

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

Style and skin names cannot include underscores.

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. Style and skin names cannot include underscores. 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.

To create a style:

• Copy the s_blafp and sk_blafp subdirectories of the ORACLE_HOME\bifoundation\web\app\res directory.
• Paste them to the ORACLE_INSTANCE\bifoundation\OracleBIPresentationServicesComponent\coreapplication_obipsn\res directory.
• Change the blafp part of the directory with the name of your dashboard style (often the name of your company) Style and skin names cannot include underscores.

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

The default value for skin and style is:

• in 11g: blafp
• in 10g: oracle10

The below modifications have to be made in the instanceconfig.xml and the presentation service must be restarted.

<ServerInstance>
.........
<DefaultStyle>gerardnico</DefaultStyle>
<DefaultSkin>gerardnico</DefaultSkin>
<URL>
	<CustomerResourceVirtualPath>analyticsRes</CustomerResourceVirtualPath>
</URL>
.........
</ServerInstance>

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.

<ServerInstance>
.........
<UI>
<DefaultStyle>kpn</DefaultStyle>
<DefaultSkin>kpn</DefaultSkin>
</UI>
.........
</ServerInstance>

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.