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
7
votes
1 answer

SAPUI5: Is it possible to map a folder like structure to a list control in sap.m Master view?

I want to map a folder like structure to a list control in sap.m Master view. Please have a look at thie demo app named Shopping Cart. You will see a Master->Master->Detail navigation. From Category to Products to (Product) Detail. I already studied…
SDD64
  • 706
  • 13
  • 28
7
votes
3 answers

How to handle Edm:DateTime form OData interface in SAPUI5 correct?

Is there a definition what values should be send in OData Edm:DateTime of a SAP Netweaver Gateway service? Especially should it always be interpreted as UTC? I assume the SAPUI5 library is smart enough to handle all this time zone problems…
user3783327
  • 616
  • 8
  • 30
  • 60
7
votes
3 answers

How to trigger DataBinding Validation for all Controls?

I have an OpenUI5 form consisting of a number of Inputcontrols. These Inputcontrols are bound to a model using the OpenUI5 DataBinding as described in the documentation. For example: new sap.m.Input({ value: { …
Kai
  • 871
  • 2
  • 18
  • 39
7
votes
6 answers

Passing parameters to i18n model within XML view

How can we pass parameters to the i18n model from within a XML view? Without parameters
z00bs
  • 7,518
  • 4
  • 34
  • 53
7
votes
7 answers

UI5 Component Metadata

I'm looking for a document with the possible metadata property names and config parameters for a component. There are many documents on the internet with such definition. The question is how I know if the name of a property/parameter setting is a…
user2419908
  • 137
  • 2
  • 12
7
votes
2 answers

SAPUI5: No options to create dynamic filters in XML views?

I am binding an OData model to the items of a list and try to apply a filter dynamically using the following syntax in an XML view:
jao6693
  • 101
  • 1
  • 2
  • 6
7
votes
2 answers

How to dynamically load an XML fragment in XML view?

Suppose I have the following XML view:
Qualiture
  • 4,900
  • 7
  • 27
  • 38
7
votes
1 answer

Getting the bound data object of pressed table row - getBindingContext() returns undefeind

In SAP UI5, I try to get the data object (in my controller) that is bound to a table row when the user presses it. My view is defined in XML, and my controller is in JS of course. I have checked How to get content of a row in sap.m.table already but…
Mathias Conradt
  • 28,420
  • 21
  • 138
  • 192
7
votes
1 answer

Custom Theme for NWBC creating issue in Fiori

I've created a custom theme for NWBC (just with a different background image) and it turns out that this is connected to Fiori too. The theme was created just like the tutorial on this link: How to create and assign custom theme to NWBC. When I try…
Eva Dias
  • 1,709
  • 9
  • 36
  • 67
7
votes
2 answers

How to get content of a row in sap.m.table

So basically My problem is I have a page: var page1 = new sap.m.Page({ title: "Something", enableScrolling : true, content : [ oTable = new sap.m.Table("items", { columns : [ new sap.m.Column({ styleClass :…
Ryan
  • 301
  • 1
  • 7
  • 24
7
votes
1 answer

error when accessing OData with a number as a filter

I am trying to access an OData source provider, specifically an analytic view exposed by SAP HANA via Odata service. I'am applying a filter containing a number on odata but I am getting an error saying that using the number is not supported because…
Mohamed Ali JAMAOUI
  • 14,275
  • 14
  • 73
  • 117
6
votes
1 answer

sap.ushell.Container is undefined in SAPUI5 app deployed on SAP BTP Cloud Foundry

I am facing an issue in calling sap.ushell.Container.getServiceAsync("CrossApplicationNavigation") from a SAPUI5 application deployed in BTP Cloud Foundry and accessed through SAP BTP Launchpad service. My understanding is: if app is launched from…
6
votes
2 answers

Why SAPUI5 loads similar fragment several times?

I have an XML fragment and use it in several places in an XML view.
6
votes
1 answer

How to use "formatMessage" module with i18n model and parameters in XML views

In the UI5 Demo Kit, Walkthrough step 8 (still) mentions the following: To be on the safe side, we would have to use a similar mechanism as in the controller to use a string from the resource bundle and replace parts of it. This can be done with…
Epicurist
  • 903
  • 11
  • 17
6
votes
1 answer

Why Is My Main Controller Being Called Twice?

All other routings are fine, but for some reason the main controller is being called twice. Why would this happen? onInit: function() { var oRouter = this.getOwnerComponent().getRouter(); …
Adam Harkus
  • 2,050
  • 2
  • 36
  • 64