Attach tabbar to document.body

Suite and Optimus Suite 5
#1

I can’t figure out how to attach a tabbar to document.body. I want the tabbar to consume the entire viewport.

None of this works:

mainTabbar = new dhtmlXTabBar(document.body); mainTabbar = new dhtmlXTabBar(document.body,"top");

<body> <div id="a_tabbar" style="width:100%;height:100%"></div> </body> ... mainTabbar = new dhtmlXTabBar("a_tabbar","top");

The third way almost works, but height:100% causes the page to load nothing. Setting the height to 400px, for example, will show the tabbar, but that’s not what I want.

Do I have to attach a single cell layout to the document and then add the tabbar inside of that? I know that will work, but it seems like a hack. The tabbar should be able to attach to the document.

#2

Do I have to attach a single cell layout to the document and then add the tabbar inside of that? I know that will work, but it seems like a hack.

Yes. There is no fullscreen mode for tabbar - it needs to be built in a container.

#3

Understood. Thank you.

#4

You are welcome!