okunabilirliğini arttırmak için çift sıra halinde yazacağız.
Öncelikle portalcontent.css dosyamıza extra bir .TabDimCell ekleyip adını .TabDimCell2 olarak değiştiriyoruz.
Aynı işlemi .TabHiCell içinde yapıyoruz ve ismini .TabHiCell2 olarak değiştiriyoruz.
Her bir dashboard sayfamız için extra bir text box ekliyoruz ve “Contains HTML Markup” seçeneğini tıklıyoruz.
Aşağıdaki kodu text box’a yazıyoruz.
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 =' ';
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 =' ';
}
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;
}
Not: Bu işlemi her dashboard sayfası için ayrı ayrı yapmak zorundayız.
Alıntı : http://obiee101.blogspot.com/2010/05/obiee-multi-line-tabs.html