Questions tagged [sapui5]

This tag 'sapui5' covers both the proprietary (SAPUI5) and the open source (OpenUI5) versions of the framework. When asking about Fiori elements, consider adding [odata] and [sap-fiori] tags accordingly.

SAPUI5 is a frontend JavaScript framework by SAP SE for building enterprise-grade web applications with a rich and modern user interface.

There are two flavors:

  • OpenUI51, the open source version (Apache License 2.0)
  • SAPUI5, the proprietary version built on top of OpenUI5

Both have the same technical core mechanisms and are collectively referred to as UI5.2
UI5 logo

OpenUI5 provides many features to enable creating and extending state-of-the-art user interfaces. It supports and offers:

  • Modern CSS allowing applications to adapt their themes to company's branding
  • Extensibility concepts at framework and application level
  • Internationalization (i18n)
  • Over 300 controls3 (More in SAPUI5) that are responsive, localized, and accessible already
  • Drag and drop
  • Consistent "SAP Fiori" design language and the award-winning "72" font which are both based on extensive UX research and industry standards
  • Well-known software design patterns but not limited to: MV*, publish-subscribe, and OOP
  • Low-code / no-code features for end users to quickly generate or modify existing applications
  • Data layer standards: OData (V2 and V4), FHIR, and GraphQL (experimental)
  • Accessibility standards: ADA, European Commission, BITV, VPAT, WCAG 2.1, and ARIA 1.1
  • Enhanced keyboard navigation and shortcuts for power users out of the box
  • Backward compatibility since release 1.0.0
  • Strict Content Security Policy (CSP) Level 2
  • Unit, integration, and e2e testing - safeguarding robustness of the framework and applications
  • Tooling: dedicated UI5 CLI, growing number of community-driven build tooling tasks and middlewares, and scaffolding projects based on documented best-practices
  • TypeScript definitions based on ECMAScript module system
  • Integration with and other web components in addition to existing UI5 controls

UI5 does not support:


1 OpenUI5, which is a JS framework, is NOT related to "Open UI" which is a standardization initiative. []
2 The number "5" in UI5 does NOT represent the version of the framework. UI5 is semantic versioned.
3 UI components extended from sap.ui.core.Control, excluding deprecated and experimental controls.

Other resources

Related tags

6950 questions
5
votes
3 answers

Is it possible to flush/refresh specific offline oData entities in SAP Cloud Platform?

The standard flush/Refresh offline oData functions are performed on all entities in the offline Store. This, of course, has implications on mobile data and performance. Is there a way to FLUSH/REFRESH only specific entities in the offline store?
Adam Harkus
  • 2,050
  • 2
  • 36
  • 64
5
votes
2 answers

UI5 performance parameters: data-sap-ui-preload vs. data-sap-ui-async

Different SAPUI5 performance guidelines mention two key parameters, which seem to have similar nature, but slightly different explanation: data-sap-ui-preload="async" The most important setting here is data-sap-ui-preload="async". This enables…
Mike
  • 14,010
  • 29
  • 101
  • 161
5
votes
2 answers

Add contains filtering option in the Filter tab in the P13n dialog for the Smart Table

I am using SmartTable with property useTablePersonalisation set to true which generates P13n dialog by button . According to the manual I should be able to change data type of filter operator: The second field offers an operator for specifying the…
Jaro
  • 1,757
  • 1
  • 15
  • 36
5
votes
1 answer

SAPUI5 Create ComboBox dynamically in controller

Currently I am developing of SAPUI5 application, in my page. I have to create ComboBox dynamically based on data from microservices. i follow sample code from following…
Chan Yoong Hon
  • 1,592
  • 7
  • 30
  • 71
5
votes
1 answer

Copy file to a path with Cordova Hybrid app

Context: I am developing hybrid app with Cordova 6 and SAPUI5 Framework (for now only need to worry about Android). What I want: Copy/move a file to a path fast. Maybe getting a FileEntry from a File/Blob object from a FileUploader on sapui5. Input:…
Alberto
  • 1,423
  • 18
  • 32
5
votes
1 answer

Can't unescape escaped string with ABAP

I want to escape this string in SAPUI5 like this. var escapedLongText = escape(unescapedLongText); String (UTF-8 quote, space, Unicode quote) " “ Escaped string %22%20%u201C I want to unescape it with this method, but it returns empty. Any…
Matthijs Mennens
  • 1,125
  • 9
  • 33
5
votes
2 answers

How to get model on onInit?

In manifest.json, I have following model definition: { "sap.ui5": { "models": { "SalesInvoices": { "type": "sap.ui.model.odata.v2.ODataModel", "settings": { …
softshipper
  • 32,463
  • 51
  • 192
  • 400
5
votes
1 answer

SAPUI5 - Number Format Localisation

I have an issue related to number formatting for decimals in different languages. For the CURRENCY control, system takes the correct format based on the language coming from the URL parameter; US and DE ?sap-ui-language=DE or…
bilen
  • 145
  • 1
  • 2
  • 10
5
votes
1 answer

ODataModel passing "expand" parameter in read

I'd like to pass expand parameters to read because it doesn't work if I call the service like this: oModel1.read("/LinesSet?$expand=ToCells", {
Mahdi Hammami
  • 81
  • 1
  • 1
  • 5
5
votes
3 answers

Filter with "OR" And "AND" Conditions on Multiple Fields

I want to implement the below where condition. How do I create the filter in UI5? field-A NE 'O' and ( field-B contains 'search-text' or field-C contains 'search-text' ) The backend business scenario: Apply the filter field-A NE 'O' when binding…
MinMin
  • 53
  • 1
  • 1
  • 3
5
votes
3 answers

How can I get current route?

Is there anyway that I can get current route name? There is a getRoute function but I have to pass the route name by myself. If there is a way to get the name of all routes from router object in controllers also it can be helpful for me. For example…
user7383443
5
votes
1 answer

SAPUI5 - header, sidebar and navigation

I am new to SAPUI5 and I have some problems with navigation, sidebar and header. I want to develop an application with a header and a sidebar. I use a “ToolPage” for this. Every page contains the toolpage and looks like this:
sh333p
  • 65
  • 2
  • 8
5
votes
1 answer

Is it possible to use 2 models in one view

I am stuck on whether a concept is possible in SAPUI5, and as the docs can be a little hard to work with at this level of detail, I am asking this question earlier in my research path than normal. Mainly I don't want to spend too much time if there…
Vanquished Wombat
  • 9,075
  • 5
  • 28
  • 67
5
votes
2 answers

Language switch in SAPUI5

I've got a language problem with my SAPUI5 controls. If I execute e.g.: sap.ui.getCore().getConfiguration().setLanguage("de"); My i18n files are loaded correctly and all labels are translated to German. But the controls are still in English. The…
alexP
  • 3,672
  • 7
  • 27
  • 36
5
votes
3 answers

Amazon ses.sendEmail - how to attach pdf file?

I am trying to attach pdf in email using Amazon ses.sendEmail. But i don't know the param key to do it. Without attachment it is working perfectly. Here is what I have tried. ` var ses = new AWS.SES() var params = { …
Hari
  • 277
  • 3
  • 16
  • 28