Skip to Content

Form is not getting rendered in SAP Fiori Client mobile application or Mobile Browser.

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.

form1.png (15.2 kB)
Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

4 Answers

  • Posted on Nov 20, 2015 at 07:37 AM

    Hi Abhiram,

    What is the SAP_Ui version ? and library version also. What is the fiori client you are using, I assume latest ?

    regards,

    Tejas

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Jul 29, 2016 at 01:48 AM

    This message was moderated.

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Jul 29, 2016 at 06:05 AM

    Hi,

    we were able to manage the rendering problem by playing around with the attributes of the simple form.

    We faced this issue only on the device itself and not in device simulators on the desktop.

    The following combination of the SimpleForm attributes works for us:

    <form:SimpleForm emptySpanL="1" emptySpanM="1" labelSpanL="4" labelSpanM="4" layout="ResponsiveGridLayout" maxContainerCols="2" minWidth="1024">

    Hope that helps,

    Philipp

    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on Aug 19, 2016 at 04:26 PM

    Hi,

    I am having exactly the same problem. My custom developed app works fine in mobile chrome simulator. When run in the actual mobile devices iphone5 and iphone6, the text is rendered properly, but checkboxes, radios buttons, inputs and labels don't render until i tap the screen or scroll the screen down.

    I did not use forms, but all my UI elements are part of sap.m.Table. Please let me know if you find any solution.

    Thanks,

    Ramana.

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.