<!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>