Hi All,
below form is getting rendered correctly in desktop browser but not in mobile browser .
In mobile browser all the text fields are rendered immediately, but the Label fields are rendering very slow .
sometimes Label fields never get rendered, we need to tap the screen and swipe the screen to make the Label fields Rendered.
Following is the form used.
new sap.ui.layout.form.SimpleForm({title:"Purchase Order Details", layout:sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout,
maxContainerCols:1,editable:false,labelSpanL:4,labelSpanM:4,emptySpanL:1,emptySpanM:1,columnsL:1,columnsM:1,
content:[
new sap.m.Label({text:"Purchase Order"}), new sap.m.Text({text:"105"}),
new sap.m.Label({text:"Document type"}),new sap.m.Text({text:"p"}),
new sap.m.Label({text:"Vendor"}),new sap.m.Text({text:"5"}),
new sap.m.Label({text:"Vendor name"}),new sap.m.Text({text:"sector"}),
new sap.m.Label({text:"Purchasing Org"}), new sap.m.Text({text:"Nauru"}),
new sap.m.Label({text:"Purchasing Grp"}),new sap.m.Text({text:"pg"}),
new sap.m.Label({text:"Purchase order value"}),new sap.m.Text({text:"50"}),
new sap.m.Label({text:"Currency"}),new sap.m.Text({text:"euro"})
]
})
NOTE:
when tested In Google Chrome's Developer's tools (desktop browser) by emulate a tablet or mobile device it is rendering correctly.
But the issue is occurring only in mobile device Browser or SAP Fiori client in mobile.(Tested in Iphone 6).
Could you please explain where its going wrong, Is there any other way to display the fields with a responsive layout which makes it to render correctly both in mobile and desktop.
I need the fields to be displayed like below form and code should be in java script.
Regards,
Abhiram.