Start Building Professional
Web Apps Today

Tabbar, Disable Scroll but with dynamic DIV container

Hi sir,

How can I disable the Tab Bar scroll function? After Disable, does my div container auto resize to meet each loaded ajax contents in different data rows?

I have 3 tab bars which loaded ajax contents in different rows of data. Some loaded longer content and some loaded only minimum rows of data. I try to tabbar.enableAutoSize(false,true); but the scroll bar still there. Beside, after a long row data is loaded, the container will not auto resize to smaller height when small rows data is loaded.

Please help?

>>How can I disable the Tab Bar scroll function?
Actually if you enabled resize to content behavior - there must not be any outer scrollbars
    tabbar.enableAutoSize(true,true)
But it possible to fully disable scrollbars ( it will not break resizing functionality ) by changing next lines in dhtmlxtabbar.css

.dhx_tabcontent_sub_zone{
    width:100%;
    height:100%;
    overflow:auto;  <<<< change to overflow:hidden

.dhx_tabcontent_zone{
  overflow:hidden;
  position:relative;
  background-color:#F0F8FF;
    overflow:auto;  <<<< change to overflow:hidden

>>I try to tabbar.enableAutoSize(false,true); but the scroll bar still there.
If problem still occurs for you - please provide any kind of sample where problem can be reconstructed ( you can send it directly to support@dhtmlx.com )