The code below is the tab_content_auto2.html sample that comes in the dhtmlxtabbar.zip file. I have tried to make this application work where the outside div with borders enabled expands and contracts to the content of the internal div content size of each tab. So if lets say the Other tab has content thats height is greater than the Properties or Settings tab the outside div would expand to accomodate the Other tab content, however when you select the Properties or Settings tab the height of the outside div does not contract to the size of those tabs and remains the height of the Other tab content. I have tried using enableAutoSize and/or enableAutoReSize and this does not seem to work. How would make the code below from the tab_content_auto2.html sample be able to perform in this way or is this possible to do? Thank you.
Initialization from HTML and styles
.dhx_tab_element div{
valign:center;
}
| Sample: dhtmlxTabbar | Initialization from HTML and styles | dhtmlxTabbar main page |
When tabbar is initialized automatically and its styles attributes can be set directly in div tag without any javascript (see sample code below).
|
Content 3
|
<script src="…/…/codebase/dhtmlXTabbar.js"></script>
<script src="…/…/codebase/dhtmlXTabbar_start.js"></script>
<div mode=“top” tabheight=“20” align=“left” offset=“20” margin="-10" id=“a_tabbar” skinColors="#FCFBFC,#F4F3EE"
id=“a_tabbar” class=“dhtmlxTabBar” imgpath="…/…/codebase/imgs/" style=“width:390; height:390;”>
<div id=“a1” name=“Tab 1” style=“display:none”>
<img src="…/images/page_a.gif">
</div>
<div id=“a2” name=“Tab 2” style=“display:none”>
<img src="…/images/page_b.gif">
</div>
<div id=“a3” name=“Tab 1” style=“display:none”>
Content 3
</div>
</div>
| © DHTMLX LTD. All rights reserved |