Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Seetharaman Srinivasan on Dec 04, 2008 09:44
open dhtmlx forum
Dhtmlxlauout and dhtmlxTabbar

I have the following code in my html file. An object is attached to layout at the bottom and the bottom contents has a Tabbar. This code works fine bu the Tabbar shows up with a background color simliar to Layout skin. How do I remove the background color of the tab


<form id='formstyle' name='formstyle' method='POST'>
<div id="parentId" style="position:absolute;width:100%;height:100%;;border:thin 1px black;"></div>
<div id='university-content'>
    <table width='100%' border=0>
        <tr>
            <td></td>
            <td align=right>TEST</td>
        </tr>
    </table>

    <div id="a1_tabbar" style="width:100%;height:370px;overflow:hidden;"></div>
</div>
<div id='univ1'></div>
<div id='univ2'></div>
<div id='univ3'></div>
<div id='univ4'></div>
<script defer>
var skin = "dhx_blue";
var dhxLayout= new dhtmlXLayoutObject("parentId", "2E");
dhxLayout.cells("a").hideHeader();
dhxLayout.cells("b").hideHeader();
dhxLayout.cells("a").setHeight(72);

dhxLayout.cells("a").attachURL("/template/jsp/nomenu-nosidebar-header.jsp");
dhxLayout.cells("b").attachObject("university-content");
tabbar=new dhtmlXTabBar("a1_tabbar","top",25);
tabbar.setImagePath("/template/js/dhtmlxTabbar/codebase/imgs/");

tabbar.setStyle("modern");
tabbar.setMargin("7");
tabbar.setOffset("20");

tabbar.addTab("a1","University Summary","200px");
tabbar.addTab("a2","University List","200px");
tabbar.addTab("a3","University Details","200px");
tabbar.addTab("a4","University Location","200px");
    tabbar.setContent("a1","univ1");
    tabbar.setContent("a2","univ2");
    tabbar.setContent("a3","univ3");
    tabbar.setContent("a3","univ4");
</script>

</form>
Answer posted by Support on Dec 05, 2008 03:04
If you mean zone with where tab-caption placed - its background defined as 
dhtmlxlayout_dhx_blue.css
table.dhtmlxLayoutPolyContainer_dhx_blue .dhx_tablist_zone {
     background-color:#D3E2E5;
}


The content part of tabbar must not have any background-color

If you mean some other coloring - please provide a screenshoot and point to incorrectly colored area.