Adding Logo’s to OBIEE.

Adding Logo’s to OBIEE.

Where are these images located?

All images are stored in the ‘browser look and feel plus’ folder of the BI Server, you’ve probably seen this notated as ‘s_bflap’. This folder exists in two locations and it is critical that any image you upload be housed in both:

• Oracle_BI1bifoundationwebappress_blafpimages
• user_projectsdomainsbifoundation_domainserversbi_server1tmp

_WL_useranalytics_11.1.17dezjlwarress_blafpimages

Note: A full list of logo’s that are already loaded within OBIEE 11g by default can be found here:

Deploy Image:

• Create any sample report.

OR like below:

• URL – need to provide complete URL 

You can format the logo within the title view, click on the pencil again within the title view and click the small icon with the letter ‘A’ in it next to the ‘logo’ text box, the ‘Format Logo’ window should appear:

From this window we can format the alignment, colours and borders of the logo. The logo that I’m using doesn’t need configuring so I am going to go back to the ‘Compound Layout’ webpage.

You can also use pictures located online for your title view, all you need is the URL of the image. I did a Google search of a pound sign and I found that the following image would be good to use on the title view:

Logo to Dashboard

• create new dasboard
• add column
• add text

copy below script into the text and click “contains html markup”

<script type=”text/javascript”>
/*
____________________________________________________________________
Created By: Leigh Wilson (leigh@wilson-is.com) http://www.wilson-is.com
Edited By: Zafar Ali (Zafar li@miaz-tech.com)
____________________________________________________________________
*/
function renderBanner(pagetitle) {
//Note: the usual method of inserting an innerHTML with the full div tag defined isn’t friendly across browsers.
//The approach below, although cumbersome, is a very clean way to define the div and render it safely on chrome, ie and FF.
//Insert the image on the top left of the screen.
var div = document.createElement(“div”);
div.id = “wilson_banner_image”;
div.style.top = “-1px”;
div.style.left = “0px”;
div.style.position = “absolute”;
div.style.right = “0px”;
div.style.zIndex = 10;

div.innerHTML = “<img src=”http://ids-sol.co.uk/wp-content/uploads/2016/12/logo2.png” style=”width:204px;height:44px;”>”;
document.body.insertBefore(div, document.body.firstChild);

//Insert the title
div = document.createElement(“div”);
div.id = “wilson_banner_title”;
div.style.top = “-1px”;
div.style.left = “0px”;
div.style.position = “absolute”;
div.style.right = “0px”;
div.style.zIndex = 11;
div.style.width = “100%”;
div.innerHTML = “<font style=”top:17px; position:absolute; font-weight:bold; font-family:Calibri, Verdana; font-size:18px; color:rgb(227, 236, 241); text-align:center; margin-left:auto; margin-right:auto; width:100%;”>” pagetitle “</font>”;
document.body.insertBefore(div, document.body.firstChild);

//Insert the banner background, the blue filled rectangle
div = document.createElement(“div”);
div.id = “ng”;
div.style.top = “-1px”;
div.style.left = “0px”;
div.style.position = “absolute”;
div.style.right = “0px”;
div.style.zIndex = 9; //this allows the image div to be layed over the top via the zindex 10, as seen in div “ng_image”.
div.style.width = “100%”;

div.innerHTML = ‘<table style=”text-align:left; vertical-align:middle; background-color: rgb(36, 38, 63); height:54px; padding:0px; width:100%; z-index:10;”><tr><td>&nbsp;</td></tr></table>’;
document.body.insertBefore(div, document.body.firstChild);

//Insert the top right home icon, should the users want to return to the default home page/catalog
div = document.createElement(“div”);
div.id = “wilson_banner_home_icon”;
div.style.top = “-1px”;
div.style.left = “0px”;
div.style.position = “absolute”;
div.style.right = “0px”;
div.style.zIndex = 15; //this allows the image div to be layed over the top via the zindex 10, as seen in div “wilson_banner_image”.
div.style.width = “100%”;
div.innerHTML = ‘<table style=”text-align:right; vertical-align:middle; height:54px; padding:0px; width:100%; z-index:10;”><tr><td><a href=”/analytics/saw.dll?bieehome” alt=”Home Area for Reporting”><img src=”http://ids-sol.co.uk/wp-content/uploads/2016/12/home.png” border=0 alt=”Home Area for Reporting”></a></td></tr></table>’;
document.body.insertBefore(div, document.body.firstChild);

return false;

} //renderBanner

//render the banner and place the title on the top of the banner
renderBanner(‘Dynamic Main Menu Title’);

</script>