Tab Contents not resizing properly within layout

Suite and Optimus Suite 5
#1

I have searched and not found a solution so I’m creating my own thread.

I init’ed my full screen layout like this:
dhxLayout = new dhtmlXLayoutObject(document.body,“5I”);

In the “c” cell i have attached a tabbar the html way like this:

I have enabled the auto size like this:
dhtmlXTabBar.prototype.enableAutoSize(true,false);

Implemented via the sample here: dhtmlx.com/docs/products/dhtmlxT … izing.html This seems to work when the tabs are standalone, but dont seem to work within a layout element.

When I resize the window the layout resizes fine, but the contents inside the tab container dont resize unless I do a full refresh of the page.

How do I make the tab container resize with the browser window when its inside the layout?

#2

Hi,

you need to initialize tabbar using attachTabbar() in order to resize the tabbar with the layout:

dhxTabbar = dhxLayout.cells(“c”).attachTabbar();

Please see the sample dhtmlxLayout/samples/04_components/04_tabbar.html
dhtmlx.com/docs/products/dht … nside.html

#3

Im sorry but in the link you provided it does not mention attachTabbar(); anywhere.

#4

Sorry, this link would be more correct:

dhtmlx.com/docs/products/dht … abbar.html

dhtmlxLayout/samples/04_components/04_tabbar.html can be found in the Suite package.

#5

Okay. I managed to get it working. but now when I resize I get a javascript error.

this._conZone is undefined; in dhtmlxtabbar.js

#6

Hi,

try to use dhtmlxtabbar.js that is attached here:

viewtopic.php?f=4&t=17562#p54633

#7

Same error with that file. and now that I init the tabbar with attachTabbar(). I cant load content from external html file.

tabbar.forceLoad(“a3”, ‘sections/tabcontent.html’);
tabbar.setContentHref(‘sections/tabcontent.html’);

neither of the above methods work now.

#8

Same error with that file. and now that I init the tabbar with attachTabbar()

we need the complete sample where we could recreate the problem