DHTMLX Docs & Samples Explorer

Top TabBar orientation







Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
 
 
<table>
    <tr>
        <td>
            <div id="a_tabbar" style="width:420px; height:100px;">
        </td>
        </tr>
        <tr><td>
        <br>
<br>
        </td></tr>
        <tr>
        <td>
            <div id="b_tabbar" style="width:420px; height:100px;"/>
        </td>
        </tr>
        <tr><td>
        <br>
<br>
        </td></tr>
        <tr>
        <td>
            <div id="c_tabbar" style="width:420px; height:100px;"/>
        </td>
        </tr>
        <tr><td>
        <br>
<br>
        </td></tr>
        
</table>
<script>
tabbar = new dhtmlXTabBar("a_tabbar", "top");
 
tabbar.setSkin('dhx_skyblue');
tabbar.setImagePath("../../codebase/imgs/");
tabbar.setAlign("left");
tabbar.loadXML("../common/config.xml");
tabbar2 = new dhtmlXTabBar("b_tabbar", "top");
 
tabbar2.setSkin('dhx_skyblue');
tabbar2.setImagePath("../../codebase/imgs/");
tabbar2.setAlign("right");
tabbar2.loadXML("../common/config.xml");
tabbar3 = new dhtmlXTabBar("c_tabbar", "top");
 
tabbar3.setSkin('dhx_skyblue');
tabbar3.setImagePath("../../codebase/imgs/");
tabbar3.setAlign("left");
tabbar3.loadXML("../common/config_long.xml");
</script>