Start Building Professional
Web Apps Today

dhtmlxTabbar don't adjust width when root container is resized

Dear,

I use dhtmlxTabbar in my project. when I try to dynamically change the root container width, I observed that the dhtmlxTabbar don't adjust to adapt the changed width, the dhtmlxTabbar remains the same size and surpassed the container border, where the tabbar enableAutoReSize property is set true

My sample Code is:

<div id="MiddleoperationBar" style="margin-top:5px;width:810px; overflow:hidden;">
<div id="MiddleTitle" class="TitleBar" >
<div style="float:left">SearchConditon</div>
<img id="WorkingImage" src="../Imgs/loading.gif" style="width:20px; height:20px;float:right />
</div>
<div id="MiddleContent" class="MiddleWorkBar" style="width:97%; height:500px; overflow:hidden; margin-top:8px;"></div>
</div>

<div id="SearchResult" style="width:95%; height:470px;overflow:hidden;">
<div id="OrganList" style="width:auto; height:425px; margin:5px 0px 5px 5px;"></div>
<div id="PageDiv" class="PageDvStyle" style="margin:0 0 0 5px;"></div>
</div>

var searchTabbar=new dhtmlXTabBar("MiddleContent","top");
searchTabbar.enableAutoReSize(true);
searchTabbar.addTab("Result","SearchResult","100px");
searchTabbar.setContent("Result" ," SearchResult");

now I contract the MiddleoperationBar Div by dragging , I observed the the tabbar supassed the MiddleoperationBar border.

how can I get a handle on it to let the MiddleoperationBar Div always contain the dhtmlxTabbar when it is resized smaller?

Thanks in advance