I am using tabbar inside another tabbar. I want to implement scrollbar in both tabbbar. I tried to use showInnerScroll() function. But It doesn’t work, when I use it all tab contents gets displayed at the start of page and the tab area remains empty.
I am attaching my code snippet for more details:
tabbar = new dhtmlXTabBar("a_tabbar", "top");
tabbar.setSkin('modern');
tabbar.setImagePath("./dhtmlxTabbar/codebase/imgs/");
tabbar.addTab("a1", "Home", "200px");
tabbar.addTab("a2", "Details", "200px");
tabbar.addTab("a3", "My Account", "200px");
tabbar.addTab("a4", "Status", "200px");
tabbar.setContent("a1", "homec");
tabbar.setContent("a3", "acc");
tabbar.setContent("a4", "status");
tabbar.setTabActive("a1");
tabbar.showInnerScroll();
//tabbar.enableScroll(true);
tabbar.enableAutoSize(false, true);
var tabbar2 = tabbar.cells("a2").attachTabbar();
tabbar2.setSkin('dhx_blue');
tabbar2.setImagePath("./dhtmlxTabbar/codebase/imgs/");
tabbar2.addTab("a21", "New", "200px");
tabbar2.addTab("a22", "Compete", "200px");
tabbar2.addTab("a23", "Misc", "200px");
tabbar2.addTab("a24", "Game", "200px");
tabbar2.setContent("a21", "order");
tabbar2.setContent("a22", "search");
tabbar2.setContentHTML("a23", "<br/>Sample.");
tabbar2.setContentHTML("a24", "<br/>Sample.");
tabbar2.setTabActive("a21");
tabbar2.showInnerScroll();
//tabbar2.enableScroll(true);
tabbar2.enableAutoSize(false, true);
