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>