Just noticed that this vAlign property isn't working entirely how I want it to. If you run the sample test case below, I have "password2" which has vAlign set to top - note that it is never set - I always see vAlign set to "middle" using firebug. I do the same thing with my "testTitle" statictextitem and it works fine. As a reminder, vAlign was set to top so that when the validate button is clicked, the labels would stay at the top and not shift. Please let me know if I am doing something wrong or am missing something. Thanks
Code:
isc.DynamicForm.create({ ID: "boundForm",numCols:3, dataSource: "users",colWidths: [100,200], useAllDataSourceFields: true, showInlineErrors:true,showErrorText:true,errorOrientation:"bottom",showErrorStyle:true,showErrorIcons:false,wrapItemTitles:true,titleAlign:"left", fields: [ {type:"header", defaultValue:"Registration Form"}, {name: "password"}, {name: "password2", title: "Password Again", type: "password", required: true, vAlign:"top", length: 20, validators: [{ type: "matchesField", otherField: "password", errorMessage: "Passwords do not match" }] }, {name: "testTitle", defaultValue:"Testme", type:"staticText",vAlign: "top", colSpan:1,showTitle:false,startRow:true}, {name: "date1",showTitle:false, type:"date",colSpan:1}, {name:"date2", showTitle:false,type:"date", colSpan:1}, {name: "acceptTerms", title: "I accept the terms of use.", type: "checkbox", required: true, width: "150"}, {name: "validateBtn", title: "Validate", type: "button", click: "form.validate()"} ], values : { firstName: "Bob", email: "bob@.com", password: "sekrit", password2: "fatfinger" } });
Comment