Hello All,
This is my code. Just a basic form .
var oLayout1 = new sap.ui.commons.form.GridLayout("laySbF", {singleColumn: true}); var tf1 = new sap.ui.commons.TextField({layoutData: new sap.ui.commons.form.GridElementData({hCells: "auto"})}); var tf2 = new sap.ui.commons.TextField({layoutData: new sap.ui.commons.form.GridElementData({hCells: "auto"})}); var elem1 = new sap.ui.commons.form.FormElement({ label: new sap.ui.commons.Label({text: "Name", layoutData: new sap.ui.commons.form.GridElementData({hCells: "2"})}), fields: [tf1, tf2] }); var tf3 = new sap.ui.commons.TextField({layoutData: new sap.ui.commons.form.GridElementData({hCells: "auto"})}); var tf4 = new sap.ui.commons.TextField({layoutData: new sap.ui.commons.form.GridElementData({hCells: "auto"})}); var elem2 = new sap.ui.commons.form.FormElement({ label: new sap.ui.commons.Label({text: "Name 2", layoutData: new sap.ui.commons.form.GridElementData({hCells: "2"})}), fields: [tf3, tf4] }); var oForm = new sap.ui.commons.form.Form("FrmSbF",{ width: "100%", layout: oLayout1, formContainers: [ new sap.ui.commons.form.FormContainer("frmCont1",{ formElements: [ elem1, elem2 ] }) ] }); return oForm;
However:
In IE10 it looks not the same as in Chrome. In Chrome the textfields have an equal width (as should be because the hCells are AUTO).
in IE10 the first textfield in the row has a greater width than the second textfield.
(SEE SCREENSHOT).
Anyone got an idea? Am I doing something wrong here? Anyone also encountered this?
Any help will be appreciated.
Regards,
Bert