Usage Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta  name = "viewport" content = "initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no">
		<link rel="stylesheet" href="../../../codebase/touchui.css" type="text/css" media="screen" charset="utf-8">
		<script src="../../../codebase/touchui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
 
		<script type="text/javascript" charset="utf-8">
		dhx.ui.passive["textarea"] = {
			render:function(config){
				return "<textarea class='my_textarea' style='width:"+(config.width||100)+"px;height:"+(config.height||50)+"px'>"+(config.value||"")+"</textarea>";
			},
			customHeight:true,
			setValue:function(node, value, obj){
				node.firstChild.value = value;
			},
			getValue:function(node, obj){
				return  node.firstChild.value;
			}
		}
 
		dhx.ui({ 
                        rows:[{
                              view:"form", id:"leftbar", data:[
                                    { type:"textarea",name:"mytext",value:"my text here",width:350,height:150}
                              ]
	                }]
                });
		</script>
	</body>
</html>