FAQ on SAPUI5
This page summarizes frequently asked questions around the topic of SAPUI5.
SAPUI5 is a JavaScript framework for building cross-platform, enterprise-grade user interfaces for web applications. The origin of SAPUI5 goes back on the Phoenix project launched in November 2008 arising from the request to create a UI framework that is modern, flexible, extensible, and above all independent from any backend technology.
SAPUI5 was officially released to customers in August 2012. In November 2013 the core components and major libraries of SAPUI5 were open sourced as OpenUI5.
SAPUI5 includes:
- A component-based framework for building scalable web applications
- A collection of well-integrated libraries that cover a wide variety of features, including routing, message handling, data binding, client-server communication, and more
- A set of optional libraries with a great variety of UI controls that express the SAP Fiori design language
- A suite of developer tools to develop, build, test, and deploy your code
SAPUI5 is not free of charge, but it also can't be purchased standalone. To use SAPUI5 productively, you need to own a valid license agreement for an SAP product that includes SAPUI5. SAPUI5 may only be used productively within the license agreement of the respective SAP product.
OpenUI5 is an open-source JavaScript framework available under the Apache 2.0 license, providing UI controls, data binding, routing, messaging, accessibility support, and theming for building enterprise web applications. SAPUI5 is built on top of OpenUI5 and adds SAP-proprietary libraries — such as smart controls, analytical charts, and additional Fiori elements — that are not part of the open-source release. This means every feature available in OpenUI5 is also available in SAPUI5, but not the other way around. If you are building on SAP platforms or products, you are typically working with SAPUI5; if you are developing independently or contributing to open source, OpenUI5 is your starting point.
Learn more about the history of OpenUI5 (and SAPUI5).
UI5 is the collective name for a broad family of open-source projects hosted at github.com/UI5. At its core is OpenUI5, the open-source JavaScript framework for building enterprise web applications. SAPUI5 is built on top of OpenUI5, extending it with additional SAP-proprietary libraries and controls. The UI5 family also includes projects such as UI5 Web Components — a lightweight, framework-agnostic library of web components implementing SAP Fiori design — and UI5 CLI, the build and development toolchain, among many others. For a full overview of all UI5 projects, visit github.com/UI5.
SAP Fiori is a design system that provides a consistent user experience for SAP Software across platforms and devices. SAP Fiori is not restricted to a UI technology but can be implemented on various UI technologies and platforms.
The UI controls of SAPUI5 are implemented according to the SAP Fiori design specifications and act as the reference implementation of the SAP Fiori design system for web-based applications. However, as a generic web UI technology, UI5 can go beyond the SAP Fiori design system.
When it comes down to getting SAPUI5 for productive usage in software, check the answer to the question "How can SAPUI5 be licensed?" or rather "Is SAPUI5 free of charge?".
If you want to use SAPUI5 to develop applications in accordance with the SAP license agreement, there are several options to obtain SAPUI5:
The general recommendation is to use SAP Business Application Studio for any development with SAPUI5. There, you have access to all available SAPUI5 versions without unnecessary installations or upgrades.
If you want to use an IDE of your choice, you can download the developer edition of SAPUI5 from the SAP Development Tools page or get the corresponding SAPUI5 libraries on npm. Note that that the developer editions of SAPUI5 are provided under the terms of the SAP DEVELOPER LICENSE AGREEMENT.
The OpenUI5 libraries are also available as npm packages. Alternatively, you can download the individual OpenUI5 versions from GitHub as well. OpenUI5 is licensed under the Apache License, Version 2.0.
As SAPUI5 is not a separate product but an integral part of several SAP products, you can't license SAPUI5 standalone. Instead, you need to own a valid license agreement for an SAP product that includes SAPUI5 and permits you to use SAPUI5 productively. SAPUI5 may only be used productively within the license agreement of the respective SAP product.
The general recommendation for SAPUI5 projects is to use SAP Business Application Studio with the SAP Fiori dev space. There, you have access to all available SAPUI5 versions without unnecessary installations or upgrades.
For local development and for OpenUI5 we recommend to use Visual Studio Code together with the SAP Fiori tools extension package. In this blog post you get a nice step by step instruction how to configure Visual Studio Code for UI5 development.
SAPUI5 is a JavaScript framework on top of OpenUI5, so it's based on JavaScript as the primary language and you should be familiar with this language to work with SAPUI5.
To build your UI component (the view or your application) it is recommended to use XML syntax. The XML syntax would still be converted to its JavaScript equivalent, but it is much easier to write, ensures that the logic for your controller and your view is kept separate and enables your SAPUI5 project for SAPUI5 Flexibility.
SAPUI5 uses CSS for customizing the look and feel, so you need to know a little CSS if you want to change colors or fonts.
SAPUI5 uses a fixed-released schedule with monthly minor releases. A long-term support (LTS) version is released every year. LTS versions are supported for 15 months.
LTS versions are recommended for most developers. Non-LTS releases are intended for developers who want to take advantage of latest features. All fixes introduced in non-LTS versions are back-ported to the current LTS version in any event.
You can find an overview about all current supported and available SAPUI5 versions.
For each new version, you can find a corresponding What's New chapter in the SAPUI5 documentation highlighting new innovations and improvements.
In addition, all features as well as all fixes introduced with a version are listed per library in the change log of SAPUI5.
SAPUI5 is the strategic UI technology for web-based applications at SAP. With SAPUI5, you're taking advantage of a framework that is tailored to develop business-critical web applications and optimally fulfills business requirements. It comes along with long-term compatibility and maintenance, mass data handling, security concepts, multi-language support and country-specific particularities, robustness, accessibility, tools for support and efficient development, as well as bucketloads of further features und UI widgets (called "controls").
When the framework is updated, all parts are verified to work together to ensure a smooth upgrade path. Versions with long-term support receive 15 months of maintenance support.
SAPUI5 also serves as the reference implementation of the SAP Fiori design system and therefore provides all specified SAP Fiori UI concepts for web-based applications completely as UI controls.
SAPUI5 is tested against the following browsers: the latest version of Google Chrome, Microsoft Edge (Chromium), Mozilla Firefox, Safari, Safari for iOS, and Google Chrome for Android. Support for Internet Explorer ended with SAPUI5 version 1.87,
If a browser or device is untested, it doesn't mean it won't work. You can also expect browsers to work that share a large part of their code base with a browser we test, such as Opera 15 or newer (which uses the Blink engine), or the various Firefox derivatives.
All SAPUI5 controls follow accessibility best practices and standards. However, the application developer still needs to ensure the accessibility of the applications, because it is not enough for only the UI controls to be accessible.
You can read more about SAPUI5 accessibility here. We also have a guide that covers the most important accessibility aspects while you're building your UI5 application here.
SAP Training offers the following classroom courses for SAPUI5 :
- Developing UIs with SAPUI5 [UX 400]
- Advanced SAPUI5 Development [UX 402]
- Developing SAP Fiori UIs [UX 410]
Check also this SAP Learning Journey for a full learning plan to develop the technical skills to successfully design and develop SAP Fiori applications.
There is a number of books on UI5, that will help you become a better SAPUI5 developer:
Here are the most important links where you can find further information on SAPUI5:
In addition have a look at these links about OpenUI5 as well:
Or follow https://www.linkedin.com/company/openui5/ to get latest news around UI5.
We often bring a few stickers and other swag to events where we're presenting. In addition, you can find some pre-designed clothes and other stuff with the UI5 logo at Spreadshirt in Europe and the US.
Or just download our logo artwork from the OpenUI5 home page and create your own stuff!
Yes! You can find design files on the OpenUI5 home page, unter Community -> "OpenUI5 Logo Guidelines". The logo design is licensed under a "Creative Commons Attribution-ShareAlike 3.0 Unported License".