I have 20 rows of date entry input but it only display 18 rows in my tabbar content. Seems like some of the content got truncated. Below are my code and screenshot. Appreciate help from Support.
<html>
<HEAD>
<!-- Tabbar -->
<link rel="STYLESHEET" type="text/css" href="dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.css">
<script src="dhtmlx/dhtmlxTabbar/codebase/dhtmlxcommon.js"></script>
<script src="dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.js"></script>
<script src="dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar_start.js"></script>
<script src="dhtmlx/dhtmlxTabbar/codebase/dhtmlxcontainer.js"></script>
<form name="form1" method="post">
<body>
<div id="a_tabbar" hrefmode="iframes-on-demand" class="dhtmlxTabBar" imgpath="dhtmlx/dhtmlxTabbar/codebase/imgs/" style="width:100%; height:100%;">
<!-- Tab 1 -->
<div id="a1" name="Asset" width="100%" height="100%">
<table cellpadding="20" cellspacing="0" height="100%" width="100%">
<tr>
<td align="center" valign="top">
<table border="0" width="100%" height="100%">
<tr>
<td class="label">Row 1</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 2</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 3</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 4</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 5</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 6</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 7</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 8</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 9</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 10</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 11</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 12</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 13</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 14</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 15</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 16</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 17</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 18</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 19</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
<tr>
<td class="label">Row 20</td>
<td align="left"><input type="text" name="pickup_address" size="45"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- end Tab 1 -->
</div>
</body>
</form>
</html>
Screenshot
Then I have tried modify this line to make it autosize but I got error message popup.
<div id="a_tabbar" onbeforeinit="a_tabbar.enableAutoSize(false,true);" hrefmode="iframes-on-demand" class="dhtmlxTabBar" imgpath="dhtmlx/dhtmlxTabbar/codebase/imgs/" style="width:100%; height:100%;">
I really need help.