Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by David on Mar 05, 2009 03:41
open dhtmlx forum
Tabbar Height

Hi,

I have tried to set the tabbar height and I cant. Can it be done?

I tried height the div height to 100% to no avail. Tried using tabbar.enableAutoSize(true,true) but to no avail.
When the tabbar loads it stays at about 200px for the height. Tried tabbar.enableAutoReSize(true) as well..
to no avail....

What do I do?

This is my code for loading content into the tabs
<?xml version="1.0"?>
<tabbar hrefmode="iframe">
<row>
<tab id="b1" width='140px' selected="1" href="dashboard">Dashboard</tab>
<tab id="b2" width='140px' href="create_campaign">Create Campaign</tab>
<tab id="b3" width='140px' href="edit_campaign">Edit Campaign</tab>
</row>
</tabbar>


<div id="main_tabbar" style="width:100%; height:1000px; overflow:hidden;"/>
    
<script>
tabbar=new dhtmlXTabBar("main_tabbar","top");
tabbar.setStyle("modern");
tabbar.preventIECashing(true);
tabbar.setImagePath("../static/javascript/dhtmlxTabbar/codebase/imgs/");
tabbar.enableAutoSize(true,true);
...

Answer posted by Alex (support) on Mar 05, 2009 04:00

Hi, 

enableAutoSize can't be applied for iframes. Tabbar doesn't provide methods to set automatic sizes in case of iframe-based loading modes.

You can try to use another loading mode for example "ajax-html". The samples can be found in tabbar package dhtmlxTabbar/samples/loading_creating_tabs_content/