DHTMLX Docs & Samples Explorer

Integration with dhtmlxLayout

Integration with dhtmlxLayout

Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
<script src="../../../dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
<link rel="stylesheet" type="text/css" href="../../../dhtmlxLayout/codebase/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcontainer.js"></script>
 
 
<h1 id="init_tabbar_from_script">Integration with dhtmlxLayout</h1>
<div id="a_tabbar" style="width:395px; height:390px;"/>
<script>
dhtmlxEvent(window, "load", function() {
    tabbar = new dhtmlXTabBar("a_tabbar", "top");
    tabbar.setSkin('dhx_skyblue');
    tabbar.setImagePath("../../codebase/imgs/");
    tabbar.addTab("a1", "Tab 1-1", "100px");
    tabbar.addTab("a2", "Tab 1-2", "100px");
    tabbar.setTabActive("a1");
    tabbar.cells("a1").attachLayout("3L");
});
</script>