DHTMLX tabbar height problem

Suite and Optimus Suite 5
#1

Hi,

I am using DHTMLX Tabbar and I am using below code while initializing the tabbar.

tabbar = new dhtmlXTabBar(“tabbarId”, “top”);
tabbar.setImagePath(“codebase/dhtmlx/dhtmlxTabbar/codebase/imgs/”);
tabbar.setSkin(“dhx_blue”);
tabbar.setHrefMode(“iframes-on-demand”);
tabbar.enableAutoReSize(true);
tabbar.addTab(“bizview”, “Biz View”);
tabbar.setContentHref(“bizview”, “baselineBizView.jsp”);
tabbar.addTab(“itview”, “IT View”);
tabbar.setContentHref(“itview”, “baselineITView.jsp”);
tabbar.setTabActive(“bizview”);

But whenever I populate some data through Ajax calls in to the tabs, the scroll is coming up on the tabbar. I want to avoid the scroll bar on the tabbar.
Please guide me how I can fix this.

#2

Hi,

you use frame-on-demand loading mode. In this case the page is loaded into an iframe. And the Scrolls that you see are the scrolls of the page.

You may add set overflow:hidden for the baselineBizView.jsp and baselineITView.jsp pages:

html,body{ overflow:hidden; }
#3

Hi Alexandra,

Thanks for your quick response. I have changed my code accordingly as per your suggestion. It’s working fine.