From the version 11.1.1.9, see OBIEE 11G (11.1.1.9) - How to configure a new Skin
How to implement this own style and skin.
The skin and style are web resources (javascript, css, image, ..) located in two directory.
The directories have the following syntax:
and are located in the same subdirectory.
Style and skin names cannot include underscores.
The default style and skin names are:
To implement your own skin and style, you have to copy this directories in several places, change the skin name in the configuration file and restart the services. The detailed steps are described below.
You can find the current and default style in the dashboard page 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 :
<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 style directory is s_gerardnico and then the style name is gerardnico.
To set up your style and skin, you must have your skin and style directories identically in two places:
The best way to create them is to copy the default style and skin directories and to rename them.
Style and skin names cannot include underscores.
The default style and skin are:
The default BI Presentation Server skin and style directory is located in this directory:
The images are loaded during the initialization of the OBI Presentation service. You must then restart it.
Depending of your application server, the deployment method changes.
The default value is:
OracleBI\oc4j_bi\j2ee\home\applications\analytics\analytics\res\
With a Resource Virtual Path such as analyticsRes, you get:
OracleBI\oc4j_bi\j2ee\home\applications\analytics\analytics\analyticsRes\
The original style and skin are deployed in this location:
fmw/user_projects/domains/bifoundation_domain/servers/bi_server1/tmp/_WL_user/analytics_11.1.1/7arqd/war/res/
To expose your custom style and skin in Weblogic, you have to deploy them as a static web application.
With a default installation configuration, the installer deploys this static application on the following directory:
The default value for skin and style is:
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 specifies:
<ServerInstance>
.........
<UI>
<DefaultStyle>gerardnico</DefaultStyle>
<DefaultSkin>gerardnico</DefaultSkin>
</UI>
<URL>
<CustomerResourcePhysicalPath>/myPhysicalPath/To/MySkin</CustomerResourcePhysicalPath>
<CustomerResourceVirtualPath>/analyticsRes</CustomerResourceVirtualPath>
</URL>
.........
</ServerInstance>
Go back to the instance config step and add of correct the value of the xml tag
. 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.
Before setting the UI parameters, OBIEE verifies that the directory exists. Be sure to have the directories created before giving a value to the Skin and Style default.
When you have a look to the source code page, you can see twice the style or the skin directory.
In the following example, we see in the path twice s_MyCompany and sk_MyCompany
<link rel="Stylesheet" href="/analyticsRes/s_MyCompany/s_MyCompany/uicomponents/blafplus.css" type="text/css">
<link rel="Stylesheet" href="/analyticsRes/sk_MyCompany/sk_MyCompany/sk_blafp/login/login.css" type="text/css">
The path is generated from the Resource Physical Path.
In this location, if you have a child directory with the same name that the root directory (then s_MyCompany and sk_MyCompany), you will get this behaviour.