Skip to Main Content

Analytics Software

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

OBIEE Dashboard tabs Color & Font Change

SteelbirdAug 1 2019 — edited Aug 4 2019

Hi, Is there a way to implement dashboard tab color & font change in Oracle Business Intelligence 12.2.1.4.0 version. I tried in three methods but none of them worked out. I want to change only to particular dashboard like Supply chain and not for entire dashboard . Can some one give me solution @"Gianni Ceresa".

First Method:

Each tab is defined by two classes in OBIEE . One is .secondaryTabEnabled and other is .secondaryTabSelected and tabs are part of table id = dashboard_page_x_tab (where x starts at 0 to define starting tab) and the corresponding spans are as below. Actually we will inspect on dashboard page to get dashboard page tab & page name. So, to change the text color of first tab, I have added below code in 2nd tab in a Text components in dashboard layout and marked it as HTML Mark-up

<script>

var span1=document.querySelector('#dashboard_page_0_tab span');

span1.innerHTML='<font color="#84B761">Page1</font>';

</script>

So what we did here is, called the JavaScript native querySelector function to find the id of the 1st tab/page and replace the innerHTML of the span element with custom change that we want to implement. To remove that tiny expand/collapsible button, just added display: none; in Dashboard layout section properties.

#dashboard_page_0_tab - Dashboard Tab name

Page1 – Dashboard page Name

Second Method:

The script below allows the Tabs on a dashboard to be coloured in different colours.

Added the below code in a Textbox into a dashboard "Contains HTML"

<script type="text/javascript">

var tblId=document.getElementById('dashboard_page_0_tab');

  1. tblId.tBodies[0].rows[0].cells[1].className='';
  2. tblId.tBodies[0].rows[0].cells[1].style.backgroundColor='red';

</script>

dashboard_page_0_tab – Dashboard tab Name.

Third Method:

I tried to change the font name in different approach. This is not Java script.

Selecting dashboard page name and go to rename option paste **[<font color=blue> pagename </font>].**In my case pagename is Page1.

I am expecting in that below format.

Screenshot_4.png

Thank you.

Comments