Tab height and scroll problem

Suite and Optimus Suite 5
#1

I have the following problem:
I load the tabbar with the following code:

tabbar.setHrefMode(“iframes-on-demand”);
tabbar.addTab(sTituloPestaña, sTituloPestaña, ‘*’);
tabbar.setContentHref(sTituloPestaña, shref);
tabbar.setTabActive(sTituloPestaña);

tabbar.enableScroll(false);

I load a tab and then I click a button inside the page to load an asp.net gridview. When it loads the tab’s height is modified to contain all the gridview but I can see the scrollbar in both sides although having set the enableScroll function to false. Why???

Another problem happens when I have a window in the frame and I want to change the tab’s height when I change the windows content (height is increased/decreased). I’ve tried tabbar.cells(tabbar.getActiveTab()).autoSize(); as you comment in other post but it doesn’t work. Which code must I use?

In this context can I have each tab with a different height or each time that I click on a tab must I get the active’s tab height and set the tabbar??

Thanks,
Nerea

#2

Hello
Could you provide us completed demo to reproduce the issue, please?
docs.dhtmlx.com/doku.php?id=othe … leted_demo

#3

Here I send you attached an example of what is happening and what I want.

  1. The first tab I load has a div bigger than the tabbar’s height. I tried to use autoSize and autoReSize function to resize the tab but I get the tabbar’s height = 0 or nothing at all.
    How can I resize the tab to get all the content visible without any scrollbar?

  2. Clicking a button inside the first tab you can open a second tab which has a window. When I park the window I change the window’s height but I’d like the tab to resize too. Is this possible using an inner function?

  3. And finally, can I have in this situation each tab with a different height o must I set the tabbar’s height each time that I click on? I

I hope the demo helps!!

Nerea
demo.rar (245 KB)

#4

First of all send you a little demo with enableAutoSize() and normalize() functions:[code]

tabbar html, body { width: 100%; height: 100%; margin: 0px; overflow: hidden; background-color:white; }
Content 1
Content 2
[/code]
#5

I’ve used enableAutoSize and normalize functions but it still reimais the same: tab’s height doesn’t grow.

I’ve managed to solve it changing the tabbar’s height with a manual function baed in content’s height. But I have the following problem, as I resize tabbar’s height if I open a new tab everything goes right but I click on another tab (already opened) with less height and then I click on the bigger one the content’s height has resize to the tabbar’s size (the smaller one) and hasn’t got the correct height.
Is there any way to set different heights to different tabs???

Thanks a lot!

#6

Oh, sorry, i’ve missed setHrefMode()… Unfortunatelly, in this case tabbar will not change its size by these methods.

#7

Is there any way to access de div which contains the frame loaded?? Something like tabbar._content[tabID].getElementsByTagName(“div”)[0].

If I take this height and change it while loading or clicking the tabs could I set the tab’s height individually???

#8

Well I managed to control tab’s height doing the following: Each time taht I open the tab in OnTabcontentLoaded event I save the tabs height into and array. Then each time that I click on a Tab I check its height and set it to the tabbar.

A bit laborious but Is works!!! It will be great if you introduce this function on the following version.

#9

There is a function tabWindow to get window of tab content for iframe based tabbar
docs.dhtmlx.com/doku.php?id=dhtm … abwindow&s[]=tabwindow

#10

I tried using tabbar.tabWindow(tabID) but I got this error: this._content[…]._frame.contentWindow is null or is not an object so thats’ the reason why I didn’t use it.

#11

Try this:
tabbar.cells(“info1”).getFrame().contentWindow.getElementsByTagName(“div”)[0]

#12

I get an error. Don’t bother, with the function posted in my last post I can go on!

Thanks a lot!