Quantcast
Channel: SCN : All Content - SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 6178

sap.ui.commons.form.Form acts weird in IE10

$
0
0

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


Viewing all articles
Browse latest Browse all 6178

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>