DHTMLX Docs & Samples Explorer

Predefined Tabbar skins














Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
 
 
<div id="tabbar_0" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_1" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_2" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_3" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_4" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_5" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_6" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_7" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_8" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_9" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_10" style="width:500px; height:50px;"></div><br/>
<div id="tabbar_11" style="width:500px; height:60px;"></div><br/>
<br>
<script>
function create_t(ind, name) {
    var tabbar = new dhtmlXTabBar("tabbar_" + ind, "top");
    tabbar.setImagePath("../../codebase/imgs/");
    tabbar.setSkin(name);
    //tabbar.setSkinColors("#7a8086","#509535");
    tabbar.loadXML("../common/config.xml", function() {
        tabbar.setTabActive("t2");
        tabbar.setContentHTML("t2", "skin: " + name);
    });
}
create_t(0, "dhx_skyblue");
create_t(1, "default");
create_t(2, "winscarf");
create_t(3, "winbiscarf");
create_t(4, "glassy_blue");
create_t(5, "dark_blue");
create_t(6, "silver");
create_t(7, "modern");
create_t(8, "dhx_blue");
create_t(9, "dhx_black");
create_t(10, "dhx_web");
create_t(11, "dhx_terrace");
</script>