afb86a01-119f-4e75-b10a-e20095835f3f wrote:I want to change only to particular dashboard like Supply chain and not for entire dashboard .

That's a bit confusing: you want to change things for a particular dashboard but not the entire dashboard? So you want those colors to be visible only when on a given page of your dashboard?

OBIEE 12c is heavily event-based, there are events handlers attached to almost everything in the GUI. It isn't the safest way to play with .innerHTML, as what you look for is styling, stick to CSS: it allows you to change the visual appearance of things without affecting events and the DOM structure.

You have jQuery available by default, so you can really do nice things.

Also keep in mind the fact that any custom code you add to a dashboard page will need to be present in every other page as well. I doubt the dashboard load the code of every page by default as that would also fire queries in all the directions. Only the selected page is selected, therefore you need to repeat that code in all the pages where you want to see the result.

Did you use your browser developer toolbar to set the appropriate CSS to get the expected result? Did you try to turn it into the most generic code possible to work on your dashboard?

You talk about 3 methods but no info on what happened with the 3.

Also keep in mind that any JS code you add must be executed only once the document is ready. Code entered directly like that could be executed before the elements you try to affect exist in the page itself. You can use the log in the console to debug things, to see if the code is executed, if selectors actually selected something and if those elements are what you look for.

PS: would be nice if you set a nicer nickname for your profile, just to be more like a human

Just giving you a hint (as it make little sense to copy/paste a piece of code without understanding it...).

$(function() {  $("#dashboard_page_0_tab").parent().parent().children().each(function(i) {    $(this).css("background-color", "red");    //console.log(i);    switch(i) {      case 0:        // first tab        $(this).css("background-color", "red");        break;      case 1:        // second tab        break;      // etc.    }  });});

0 = first page of the dashboard, 1 = second page of the dashboard etc.

It seems to work for the tabs not being active, so for the active one you will have to use a special logic (I imagine some CSS are conflicting with just setting the color at that level).

As you already saw the classes masterTabBarTabSecondarySelected, secondaryTabSelected or tabContainerSelected will allow you to select that tab and treat it as required (you can couple that check with the above loop so that you keep your pages logic properly).

(I used OAC 105.3 for the test, not 12.2.1.4, therefore there could be some differences already)