OBIEE multi-line tabs

Or how to change this:

into :

First add an extra .TabDimCell to your portalcontent.css and call it .TabDimCell2:

Do the same for TabHiCell:

 

On each dashboard page add an extra text element and check the contains HTML box:

Add the following code to the text box

[code]

<script type="text/javascript">
  function addSep(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var td1 = document.createElement("td");
    var row = document.createElement("tr");
    td1.className = 'TabSep';
    td1.innerHTML ='&nbsp;';
    td1.id='tr2';
    row.appendChild(td1);   
    tbody.appendChild(row);   
  }

function insCell(str,orgclassName)
  {
    var oTable = document.getElementById('TabsTable');
    var lastRow = oTable.rows.length;
    lastRow = lastRow -1
    var mytable=document.getElementById('TabsTable')
    var newcell=mytable.rows[lastRow].insertCell(-1) //insert new cell to end of 2nd row
    newcell.innerHTML=str;
    if (orgclassName == 'TabDimCell') {
    newcell.className = 'TabDimCell2';
    }
    if (orgclassName == 'TabHiCell') {
    newcell.className = 'TabHiCell2';
    }
    var newcell=mytable.rows[lastRow].insertCell(-1) //insert new cell to end of 2nd row
    newcell.className = 'TabSep TabDimSep';
    newcell.innerHTML ='&nbsp;';

  }

    var tds = document.getElementsByTagName('td');
    var TabCount = 0;
    var lTAB = new Array();
    for (var td = 0; td < tds.length; td++) {
        if (tds[td].className != 'TabDimCell' && tds[td].className != 'TabHiCell' ) {
            continue;
        }
        if (TabCount == 4) {   
        addSep('TabsTable');
        }
        if (TabCount >= 4) {   
        var str = tds[td].innerHTML;
        var orgclassName = tds[td].className;
        insCell(str,orgclassName);
        tds[td].style.display = "NONE";
        tds[td+1].style.display = "NONE";
        }

        TabCount = TabCount + 1;
    }

</script>

[/code]

Ok i’m not a full time javascript programmer so if you have a better solution please let me know.

Till Next Time