Multilevel tabbar implementation

Suite and Optimus Suite 5
#1

Hi all,
Can anybody tell, how to implement multilevel tabbar in dhtml 5.0??

Here is the code:

First Level:

var tabbar = new dhtmlXTabBar({
parent: cont,
mode: “top”,
tabs: [
{id:“a1”, text:“C”, width: 90, active: true},
{id:“a2”, text:“Com”, width: 100}
]
});

tabbar.tabs(“a1”).attachObject(“a_tabbar”);
tabbar.tabs(“a2”).attachObject(“main2”);

Second Level:

var tabbar = new dhtmlXTabBar({
parent: cont,
mode: “top”,
tabs: [
{id:“a1”, text:“All”, width: 120, active: true},
{id:“a2”, text:“E”, width: 120},
{id:“a3”, text:“J”, width: 120},
{id:“a4”, text:“S”, width: 120},
{id:“a5”, text:“P”, width: 120},
{id:“a6”, text:“R”, width: 120},
{id:“a7”, text:“C”, width: 120}
]
});

tabbar.tabs(“a1”).attachObject(“a_tabbar13”);
tabbar.tabs(“a2”).attachObject(“a_tabbar13e”);
tabbar.tabs(“a3”).attachObject(“a_tabbar13j”);
tabbar.tabs(“a4”).attachObject(“a_tabbar13e”);
tabbar.tabs(“a5”).attachObject(“a_tabbar13p”);
tabbar.tabs(“a6”).attachObject(“a_tabbar13r”);
tabbar.tabs(“a7”).attachObject(“a_tabbar13c”);

Functions invoked:

do_tabbar(“main”);
do_tabbar1(“a_tabbar”);
do_tabbar13x(“main2”);
do_tabbar13(“a_tabbar13”);
do_tabbar13en(“a_tabbar13e”);
do_tabbar13jp(“a_tabbar13j”);
do_tabbar13es(“a_tabbar13e”);
do_tabbar13pt(“a_tabbar13p”);
do_tabbar13ru(“a_tabbar13r”);
do_tabbar13ch(“a_tabbar13c”);

Here is a sample div structure:

------------------------------------------------

The above code is not working for level 2.

Any help would be highly appreciated.

#2

Here is the link which will help…
dhtmlx.com/docs/products/dhtmlx … nside.html

#3

In case of the second level of the tabbar you should NOT use the parent:cont:
var tabbar = new dhtmlXTabBar({
parent: cont,
mode: “top”,
tabs: [

You need to attach your second tabbar to the cell of your main tabbar using the attachTabbar() method.
Please, refer to your example:
dhtmlx.com/docs/products/dhtmlx … nside.html