OBIEE 11g : Display Image / Using Image as a Link on Dashboard Page

Display  Image:

We can add an image or image link on dashboard page by making use of HTML <img> tag.

Syntax for image tag is,

<img src="URL" alt="Some_Text" width="x" height="y">

Src is the location of image.

In case of OBIEE we will be storing image on server folder.

To fetch this image we need to give path of image location.

In this example I will be storing image on Custom skin folder created for Custom Skin.

To understand Custom Skin Folder creation please refer,

Deploying & Developing a Custom Skin Part 1

Deploying & Developing a Custom Skin Part 2

I have copied my image i.e. ‘welcome.jpg’ at following location in ‘analyticsRes’ custom skin folder,

<instance>/bifoundation/OracleBIPresentationServicesComponent/coreapplication_obips1/analyticsRes/s_TestSkin/b_mozilla_4

Now to fetch this image in we need to add text view to dashboard page and select ‘Contains HTML markup’.

Then use following code,

<img  src=”/analyticsRes/s_TestSkin/b_mozilla_4/welcome.jpg"  alt="WelcomeImg"  width="400"  height="200">

We can use this path from ‘analyticsRes’ as we have deployed this custom folder in fusion middleware.

This will display image on your dashboard page.

Using  Image as a Link on Dashboard Page:

Similarly to use  image as a link we can use following code,

<a href="http://slc02oky.oracle.com:7780/analytics/saw.dll?PortalGo&Action=prompt&path=%2Fshared%2FPrashant%2FTest%2FDashboard""><img  src=”/analyticsRes/s_TestSkin/b_mozilla_4/welcome.jpg"  alt="WelcomeImg"  width="400"  height="200">

Thus every time user clicks on this image he will get directed to Test Dashboard.

Similarly we can also navigate to other dashboard objects/pages/analysis/webpages just by changing path as per requirement.

Relevant Posts:

Using HTML Hyperlinks (Links) with OBIEE 11g

Using IFrame with OBIEE 11g