Show TOC

Create Your First Mobile SAPUI5 ApplicationLocate this document in the navigation structure

Whether you develop a SAPUI5 application for desktop or for mobile, the concepts are very similar. SAPUI5 provides an additional control library called sap.m, which is optimized for mobile devices, but also runs fine in desktop browsers.

Note If you need help on choosing the right browser or platform, check here: sap.m, sap.ui.table.
  1. Create an HTML Page for Your App
    You first create an HTML page and define the meta tags, a script tag to load the SAPUI5 libraries and a placeholder for your app.
  2. Initialize the Mobile App
    The sap.m library provides a control called App which is meant to be the root control of a mobile application. It provides the initialization of the HTML page, sets some meta tags to ensure an as-native-as-possible look&feel, and can manage different pages and the animations between them.
  3. Add Content Pages
    Typical mobile applications are often composed of a number of pages/views/screens between which the user can navigate. You now add two of them to your app.
  4. Run Your First Mobile App
    Process how to run your first mobile app.