dhtmlx component compatibility?
Does anyone have experience using dhtmlx components from http://dhtmlx.com/ with appcelerator? My simple app displays a web page that uses the dhtmlx "layout" component. This page renders correctly in various web browsers, but not using the android/mobile emulator in Titanium. Anyone know if this component, or others, are or aren't compatible with appcelerator?
app.js is:
// create root window
var win = Titanium.UI.createWindow({
title:'Main window',
backgroundColor:'#fff',
fullscreen:'true'
});
// create a webview for main window
var webView = Ti.UI.createWebView({
url:'foo.htm',
height:'auto',
});
// add webview to additional window
win.add(webView);
// open main window
win.open();
foo.htm tags are:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout</title>
<link rel="stylesheet" type="text/css" href="../../dhtmlxLayout/codebase/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="../../dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_black.css">
<script src="../../dhtmlxLayout/codebase/dhtmlxcommon.js"></script>
<script src="../../dhtmlxLayout/codebase/dhtmlxcontainer.js"></script>
<script src="../../dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
<script>
var dhxLayout;
dhtmlxEvent(window,"load",function(){
dhxLayout = new dhtmlXLayoutObject("parentId", "2E", "dhx_black")
})
</script>
</head>
<body>
<div id="parentId" style="position:absolute; width:200px; height:200px;"></div>
</body>
</html>