1. To customize dashboards in Oracle BI EE, you must first create and expose a directory to house customizations. This involves deploying the directory as a J2EE application in WebLogic Server. 2. The default installation directory that can be used for customization is located at ORACLE_INSTANCE/bifoundation/OracleBIPresentationServicesComponent/coreappplication_obips1/analyticsRes. This directory must be deployed as a web application in WebLogic Server. 3. Once deployed, custom CSS and JavaScript can be added to the analyticsRes directory to modify dashboard backgrounds, colors, images and other styling. Script tags can be added to dashboards to reference these

1. Prepared by : Mohamed Attia
DBA & BI Consultant
Linkedin: https://www.linkedin.com/in/mohamed-attia-1a719827
How to change dashboard background or add background color
Deploying analyticsRes
Before you can begin to customize the appearance of Oracle BI EE, you must create a directory to house the customizations, which
can then be accessed by Oracle Business Intelligence Presentation Services (Presentation Services). Presentation Services generates
the UI for the Analysis Editor and dashboards, which visualize data from Oracle BI Server, the core server behind Oracle BI. Various
application servers have their own ways of exposing static directories. The steps below allow you to expose the static directory within
WLS by deploying it as a J2EE application.
Note: Default styles and skins located in the <ORACLE_HOME>/OracleBI1/bifoundation/web/app/res directory should not be
modified because potentially it can be overwritten with any upgrade or new installation.
Exposing a Static Directory in WebLogic Server
1. The default installation for Oracle BI EE 11g creates a default directory that can be used for customization.
This directory is<ORACLE_INSTANCE>/bifoundation/OracleBIPresentationServicesComponent
/coreappplication_obips1/analyticsRes.
To expose this directory, you must open the WebLogic Administration Console. Open a browser window and in the address bar,
enterhttp://<hostname>:7001/console/login/LoginForm.jsp (for example, http://localhost:7001/console/login/LoginForm.jsp). The WLS Login
window appears.
2. Enter your username and password (for example, weblogic/welcome1) and click Login. The WLS Administration
Console appears.

2. 3. Select Deployments from the Domain Structure pane on the left.
The "Summary of Deployments" pane appears on the right.
4. In the Change Center pane on the left (directly above the Domain Structure pane), click Lock & Edit.
All applications are made available for update within the table and the Install button is enabled

3. Note that the "Lock & Edit" button is now disabled.
5. In the "Summary of Deployments" pane on the right, click the Control tab and then click Install, enabling you to
install a new web application. The Install Application Assistant pane appears.
6. a. Select the appropriate folders within the Install Application Assistant pane to navigate
to<ORACLE_INSTANCE>/bifoundation/OracleBIPresentationServicesComponent/coreappplication_obips1.The
path is automatically entered for you.
b. Select the option button for analyticsRes. This is a valid application for deployment.

4. 7. Click Next and accept the default value "Install this deployment as an application."
8. Click Next. In "Optional Settings - Source accessibility", select the radio button for I will make the deployment
accessible from the following location and accept the default path.
9. Click Next to review the summary. In the "Additional configuration" section, ensure that the radio button for Yes,
take me to the deployment's configuration screen is selected, and then click Finish.
10. The "Settings for analyticsRes" pane appears. Click Save.
A confirmation message appears above the "Settings for analyticsRes" pane.

5. 11. In the Change Center pane on the left, click Activate Changes.
A second confirmation message appears above the "Settings for analyticsRes" pane.
12. Select Deployments in the Domain Structure pane.
13. Click the Control tab and then select the check box for the analyticsRes application. Notice that the state
for analyticsRes appears asPrepared. You need to start the application.
14. Click Start and then select Servicing all requests.

6. 15. Click Yes in the Start Application Assistant pane.
The "Summary of Deployments" pane reappears with a confirmation message. Note that analyticsRes now
shows a state of Active.
16. Open a browser window and enter http://<hostname>:7001/analyticsRes/test.txt (for
example,http://localhost:7001/analyticsRes/test.txt). Your test file should appear in the browser window.
Finally: - Add a text object anywhere in the dashboard page and set the text to be of the
format:
To change background color Add..
<script type="text/javascript">var obj = document.getElementById('DashboardPageContentDiv');obj.style.background =
"#cc9966"</script>
To change background image…
<script type="text/javascript">var obj = document.getElementById('DashboardPageContentDiv');obj.style.background =
"url('/analyticsRes/abstract.jpg') white center no-repeat fixed"</script>
If you have a small picture you can change the "no-repeat" to "repeat", in that case you don't need the "white", "center"
and "fixed".
<script type="text/javascript">var obj = document.getElementById('DashboardPageContentDiv');obj.style.background =
"url('/analyticsRes/abstract.jpg') repeat"</script>