Tabbar Not Loading in IE 8

Suite and Optimus Suite 5
#1

I have following code to initialize tabbar:

	  <div id="a_tabbar" class="dhtmlxTabBar" imgpath="scriptlib/dhtmlxSuite/codebase/imgs/" style="width:100%;" tabheight="20px" tabstyle="dhx_skyblue" oninit='disableTabs();'>  
		 	 <div align="center" id="step1" name="step 1" class="tabStyle">
		 	   	<%@ include file="./Step1.jsp"%>
		 	 </div>
		 	 <div align="center" id="step2" name="Step 2"  class="tabStyle">
		        <%@ include file="./Step2.jsp"%>
		     </div>
	         <div align="center" id="step3" name="Step 3"  class="tabStyle">     
	            <%@ include file="./Step3.jsp"%>
	         </div> 		
		 </div>
		 
	</form>

It works fine in FF 5 but in IE 8 the tabber is not loaded and empty page is shown. However when i check the View Souce the complete HTML is there. I am using DHX ver 2.6

#2

style=“width:100%;”

Try to define the height for tabbar container.

#3

Thanks a lot, it worked perfect.

#4

Hi,

Inside tabbar I am using Ajax calls to load the data. Its working fine on IE & Firefox, but when I an loading my page in Google chrome - the content last loaded with max height retains and my tabbar does not get adjusted to the content height.

Please see below method with is called from onSelect event of tabbar:

function processAjaxURLForTabs(action, formName, tabId, divName, flag){
var obj = document.getElementById((""+divName));
obj.innerHTML = document.getElementById(“loadingDiv”).innerHTML;
tabbar.forceLoad(tabId,null);
$.ajax({
url: action,
type: ‘POST’,
dataType: ‘html’,
data: decodeURIComponent($(formName).serialize()),
success: function(data){
if(data != null){
obj.innerHTML = data;
if(flag == 1){
document.forms[‘dataForm’].totalRecords.value = document.forms[(‘dataForm_’+tabId)].totalRecords.value;
document.forms[‘dataForm’].totPageNum.value = document.forms[(‘dataForm_’+tabId)].totPageNum.value;
document.forms[‘dataForm’].totRowCount.value = document.forms[(‘dataForm_’+tabId)].totRowCount.value;
}
tabbar.forceLoad(tabId,null);
}
}
});
}