Usage Example

<!DOCTYPE HTML> 
<html> 
	<head> 
		<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.protoUI({
			name:"password",
			defaults:{
                                template:function(config){ return (config.label + "&nbsp" || "label") + "<input type='password' maxlength=" + (config.maxLength || 30) + " style='width:" + (config.inputWidth || 100) + "px'>" + (config.value || "") + "</input>"}
			},
			setValue:function(value){
				this.getInput().value = value;
			},
			getValue:function(){
				return this.getInput().value;
			}
		}, dhx.ui.text);
 
        dhx.ui({// specifies a view
		view:"password",label:"Password", inputWidth:70, maxLength:5
		});
		</script> 
	</body> 
</html>