Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Pablo Ortiz on Feb 18, 2009 09:05
open dhtmlx forum
dhtmlxLayout and IE6 problem

Hi,

I am using the full suite and added the IE6 patch for the full initialization error layout patch released for IE6. I used libCompiler to generate a new dhtmlx.css and dhtmlx.js

The code below displays well in Firefox but not in IE6. Is there something I could be missing? I am using ColdFusion MX7.2.

Thanks...

-----------
index.cfm file:
-----------
<cfscript>
    pagetitle = "demo test page";
</cfscript>

<cfoutput>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>#pagetitle#</title>
<script src="/dhtmlx_full/dhtmlx.js"></script>
<link rel="STYLESHEET" type="text/css" href="/css/styles.css">
<link rel="STYLESHEET" type="text/css" href="/dhtmlx_full/dhtmlx.css">
<script>
    window.dhx_globalImgPath="/dhtmlx_full/imgs/";
</script>
</head>
<body onload="doOnLoad()" >
    <script>
    function doOnLoad(){
        var dhxLayout = new dhtmlXLayoutObject(document.body, "2U", "dhx_blue");
        var dhxMenu = dhxLayout.attachMenu();
        var dhxBar = dhxLayout.attachToolbar();    
        var dhxStatus = dhxLayout.attachStatusBar();    

        dhxLayout.cells("a").setWidth(250);    
        dhxLayout.cells("b").setText("Search Results");    

        var dhxTabbar = dhxLayout.cells("a").attachTabbar();
        dhxTabbar.setImagePath("/dhtmlx_full/imgs/");
        dhxTabbar.setMargin("2");
        dhxTabbar.setOffset("5");
        dhxTabbar.addTab("a1","Subscriptions","100px");
        dhxTabbar.addTab("a2","Accounts","100px");
        dhxTabbar.setHrefMode("iframe");        
        dhxTabbar.setContentHref("a1","subsearch.cfm");
        dhxTabbar.setContentHref("a2","accsearch.cfm");
        dhxTabbar.setTabActive("a1");
    }
    </script>
</body>
</html>
</cfoutput>
----------------------
subsearch.cfm
---------------------
<cfoutput>
<p>form here</p>
</cfoutput>
---------------------
accsearch.cfm
----------------------
<cfoutput>
<p>form 2 here</p>
</cfoutput>
Answer posted by Support on Feb 20, 2009 07:39
Hello,

Could you please provide completed demo to reproduce the issue (including dhtmlx.js/css and css/styles.css)?
Answer posted by Pablo Ortiz on Feb 20, 2009 08:17
I have attached a zip containing the code I am using.

THanks....

Attachments (1)
CFdhtmlxdemo.zip569.04 Kb
Answer posted by Support on Feb 23, 2009 08:23
Try to ad the following code:

<style>
    html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        overflow: hidden;
    }
</style>

Works fine on our side with your demo in IE6.