+ this.base(arguments); \r
+ var grid = new qx.ui.layout.Grid(5,5);\r
+ this.setLayout(grid);\r
+ grid.setColumnFlex(0,1);\r
+ grid.setColumnAlign(0,"right", "middle");\r
+ grid.setColumnFlex(1,3);\r
+ \r
+ this.mailField = new qx.ui.form.TextField();\r
+ this.fNameField = new qx.ui.form.TextField();\r
+ this.nameField = new qx.ui.form.TextField();\r
+ \r
+ var labels = ["Email", "First Name", "Last Name"]; \r
+ this.fields = {\r
+ "email" : this.mailField, \r
+ "firstName": this.fNameField, \r
+ "lastName" : this.nameField\r
+ };\r
+ \r
+ for(var i=0;i<labels.length;i++){\r
+ this.add(new qx.ui.basic.Label(labels[i]), {row:i,column:0});\r
+ }\r
+ var j=0;\r
+ for(var key in this.fields){ \r
+ this.fields[key].addListener("changeValue", function(e){this.fireEvent("modified");}, this);\r
+ this.add(this.fields[key], {row:j,column:1});\r
+ j++;\r
+ }\r
+ \r