Start Building Professional
Web Apps Today

Problems with Tabs

Hi,
Re the message sent yesterday on the subject of problems with the Tabs product,

I have resolved the two problems I had by making the following changes to the dhtmlxtabbar.js file:

1 Line 1726 - change
this._conZone.style.width=parseInt(this.width)-(_isFF?2:0)+"px";
to
this._conZone.style.width=parseInt(this.width)-(_isFF?3:0)+"px";
This reduces the width of the content area by 1 pixel but ensures that the right border is always shown regardless of the width setting of the browser. It's difficult to be definitive about the resolution of intermittent problems but the problem has not been seen again!

2 Lines 1672, 1675 & 1681 change
self.adjustOuterSize();
to
self.adjustOuterSize(); self.adjustSize();
and after line 1684 add
this.adjustSize();
This ensures that after a width change in the browser, the height of the content area is adjusted to the correct value (if auto size is set)

I hope this helps
Regards
Phil

>>2 Lines 1672, 1675 & 1681 change
>>self.adjustOuterSize();
>>to

Please check attached sample - it uses the same code as in your snippet ( just one height style added ) and all works correctly in both IE and FF

Thanks for taking the trouble to set up the example. Unfortunately, this wasn't the effect I was trying to achieve. What I wanted was for the width of the tab to fill a fluid centre column in a three column layout and for the height to be adjusted to match the content (which is created by php and varies in size). I achieved this by using autosize and a minor mod to autoresize so that it adjusts the height as well as the width. I'm very happy with the way it's working in FF and IE (no other browsers tested yet)