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
2 answers

SAPUI5 routing throws error “Control (ID of an App control) could not be found”

This question derived from this answer (I can't get the source code running) , My requirement is similar with this question, which is a page with app control, navigate to a SplitContainer with one master and one detail view. Master.view.xml is…
Tina Chen
  • 2,010
  • 5
  • 41
  • 73
5
votes
2 answers

intellisense for openui project in visual studio code 1.3

I have a openui project setup in visual studio code 1.2/1.3 and all the required libraries (openui runtime files) are inside /resources directory and in .js format. I am not getting any intellisense from these libraries. I have setup my…
Dinesh
  • 101
  • 1
  • 6
5
votes
1 answer

SAPUI5 Application Data in OData Model how to write back to backend system

I'm quite new to the Odata topic and try to understand what is the best practice scenario when working with OData service. Sceanrio 1: I have an complex application with several EntitySets coming from an remote Odata model, which is loaded from…
Francesco Iannazzo
  • 596
  • 2
  • 11
  • 31
5
votes
2 answers

How to extend "sap.m.Dialog" to add custom content to Dialog footer?

I am trying to make a custom dialog to show some text and link in the footer along with buttons. I don't know how to change the existing rendering for this, so I wrote a simple renderer to check the behavior. This is my code:…
5
votes
1 answer

SAPUI5 Android App - resources not loading

I have a problem with my SAPUI5 Application. I export my App with Eclipse and phonegap and if i use the following resources for the sap-ui-core.js the exported app is not starting on my tablet. The screen stops by loading with a light blue screen.…
Linda
  • 2,375
  • 4
  • 30
  • 33
5
votes
4 answers

Global Model Not Accesible

I declared a model in Component.js of a UI5 application as below init: function() { sap.ui.core.UIComponent.prototype.init.apply(this); var oModel1 = new sap.ui.model.json.JSONModel("model/mock.json"); sap.ui.getCore().setModel(oModel1,…
user3349850
  • 225
  • 1
  • 3
  • 21
5
votes
3 answers

SAPUI5/OpenUI5 view not rendered after router navTo

I'm creating SAPUI5 sample app with simple routing (SAPUI5/OpenUI5 v.1.22). My main problem, which I'm trying to understand, why URL pattern changes and the onInit of target view controller is fired, but after nothing happens (onAfterRendering not…
Maksym Sadovnychyy
  • 175
  • 1
  • 4
  • 17
5
votes
1 answer

SAPUI5 TreeTable - Node expanding behavior

Problem is: I'm trying to keep the nodes in a TreeTable expanded, when I'm adding rows at runtime. Default behavior of a TreeTable is, when something happens with it, it get's rendered again and all nodes are collapsed. The API only provides methods…
P. Stresow
  • 308
  • 3
  • 11
5
votes
2 answers

Perform Action after the Binding Is Complete

I wrote this part to bind OData information with a select controller: var countrItems = new sap.ui.core.ListItem(); countrItems.bindProperty("key", "Land1"); countrItems.bindProperty("text", "Landx"); var CountrSelect =…
ducks13
  • 81
  • 2
  • 3
  • 10
5
votes
1 answer

Vertical label alignment in SAPUI5 (Label too high)

I am currently working on my first SAPUI5 mobile application. I found the options for horizontal layout positioning, but my labels are shown "too high". For display I am using Google Chrome. My page theme is sap_bluecrystal and the content structure…
Jonathan
  • 75
  • 1
  • 1
  • 6
5
votes
1 answer

How is localized data binding set up with JSON files and XML views?

I have an XMLView home page containing some tiles. These tiles are populated from a JSON file. The tiles have a 'title' attribute which requires i18n data binding. Part of the XML view:
MKHC
  • 461
  • 4
  • 23
5
votes
2 answers

SAPUI5 Table - Remove Filter/Grouping/Sort?

I have a simple table (type sap.ui.table.Table) where I allow my users to sort, filter and group elements. However there is no possibility to remove sorting or grouping once it is applied? The filter could be removed by entering no value in the…
dotchuZ
  • 2,621
  • 11
  • 39
  • 65
5
votes
2 answers

SAPUI5 - Batch Operations - how to do it right?

I got multiple EntititySets which I want to update in my SAP Backend, therefore I fetch my data (payload) as JSON and put it in a request (its successfully in the node "data"): Code: var oTreeJSON = oTreeTable.getModel().getProperty("/root"); var…
dotchuZ
  • 2,621
  • 11
  • 39
  • 65
5
votes
2 answers

How to load sapui5 resources in the background

In our application we load a number of SAPUI5 libraries. index.html has the following code to load the SAPUI5 resources