SAPUI5: UI Development Toolkit for HTML5Locate this document in the navigation structure

You can use the UI development toolkit for HTML5 (SAPUI5) to create apps with rich user interfaces for modern Web business applications.

Apps developed with SAPUI5 present one consistent user experience. They are responsive across browsers and devices - they run on smartphones, tablets, and desktops. The UI controls automatically adapt themselves to the capabilities of each device.

SAPUI5 offers powerful development concepts:

  • Built-in extensibility concepts at code and application level

  • Data binding types and Model-View-Controller (MVC)

  • Feature-rich UI controls for handling complex UI patterns and predefined layouts for typical use cases.

  • Full translation support

  • Keyboard interaction support and accessibility features

And many more....

SAP Fiori applications are built with SAPUI5. SAP Fiori apps follow the SAP Fiori Design Guidelines to ensure consistent design and a high level of design quality. Explore the guidelines: https://experience.sap.com/fiori-design/.

For more information about SAP Fiori, see http://www.sap.com/fiori

Before you start using SAPUI5, please read the important information in the section. Here you read everything you need to know about supported library combinations, the supported browsers and platforms, and so on. The SAPUI5 tutorials introduce you to all major development paradigms of SAPUI5 using practical examples in an interactive format. Each tutorial has a different focus and guides you through the major topics of SAPUI5, helping you learn best practices for building apps with SAPUI5. The detailed documentation described here can be used in combination with downloadable code in the Explored app in the Demo Kit. This section contains the practical part, details and best practices that will help you while developing your apps, and what pitfalls you should look out for along the way. Developing Apps with Smart Templates This chapter and its sections describe the development concepts of SAPUI5, such as the Model View Controller, data binding, and components. Use this section as a reference. For the best practices of how to use the concepts in your app development, see the section. You can adapt a SAPUI5 app to your specific requirements. For example, you can adapt or replace views, extend or replace controllers, or change language-specific texts. You can create own content, like new controls, for SAPUI5. If you want to contribute to SAPUI5, you have to consider our guidelines and recommendations with regard to, for example, product standards, file names and encoding.

This is the SAPUI5 documentation version for SAP NetWeaver Application Server for ABAP and the User Interface Add-On for SAP NetWeaver. For an overview of all available versions of the documentation, see Demo Kit and Platform-Specific Documentation.