Stack Overflow
Stack Overflow

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

"Missing template or factory function for aggregation items of Element" while Binding Items Dynamically

I am trying to bind items in a sap.m.Table (preventing usage of a Factory function) and I am getting this error: Missing template or factory function for aggregation items of Element My views looks as follows: …
Pille
  • 1,123
  • 4
  • 16
  • 38
11
votes
1 answer

Add a picture to each Radio Button in Radio Button Group

I want to implement a Radio Button Group where every Radio Button will have a picture next to it (on the left side of the radio button). Is that possible? If so, how? html:
11
votes
1 answer

When to use Shell, App, Container, Page, View, and SplitApp

Recently I have created two UI5 apps using shell -> views and appContainer -> views. Both results in same output. I'm confused when to use Shell, App, Container, Page, View, and SplitApp in UI5. I would like to know the differences between them.…
Natarajan Srikanta
  • 161
  • 1
  • 2
  • 9
11
votes
2 answers

SAPUI5: How to get an event notification in case of ODataModel changes?

I am searching for an event that will be thrown if the ODataModel (at client side) will be changed. Problem is, that in my application are lots of different fields that are able to edit the model. In case of a model change I would have a function…
user3783327
  • 616
  • 8
  • 30
  • 60
10
votes
1 answer

Correct usage for filters when binding items via XMLView

Using sap.m.Select, I have a similar code as this below:
Marinho Brandão
  • 637
  • 1
  • 9
  • 30
10
votes
6 answers

How to wait for a JSONModel.loadData() request in UI5

In SAPUI5/OpenUI5, I have a JSONModel I populate by a file from server: var oModel = new JSONModel(); oModel.loadData("http://127.0.0.1/data/config.json"); console.log(JSON.stringify(oModel.getData())); The console logs undefined since the request…
Benvorth
  • 7,416
  • 8
  • 49
  • 70
10
votes
2 answers

How does the lifecycle of UI5 Controls work?

Can someone give a more detailed explanation about the lifecycle of the default events of a UI5 Control? I know there is this page on the documentation that gives an overview of a Control lifecycle, however, I think it is very brief and wanted…
André Shevantes
  • 439
  • 2
  • 5
  • 14
10
votes
4 answers

SAPUI5-Which method to call once a view is displayed everytime?

I want to do some logic before a view is displayed every time.I cannot go with before rendering method since it is called only once when the view is created and shown for the first-time.Pls help.Any ideas?
Papu
  • 371
  • 4
  • 8
  • 21
9
votes
5 answers

How to disable or enable letterboxing and adjust UI5 for the widescreen?

I have an UI5-based app (1.66+), which works correctly, but there are huge empty spaces on the left and right sides of the screen (aka letterboxing is on): I want to disable letterboxing to use the entire screen space. I tried the following…
Mike
  • 14,010
  • 29
  • 101
  • 161
9
votes
1 answer

UI5 XML View vs JSON View Grouped List

We are using JSON views in openUI5 in the sapUI5 explored demo they use this xml view for their grouped list
deterministicFail
  • 1,271
  • 9
  • 28
9
votes
1 answer

Routing in SAPUI5: How to implement passing of URL? Model data not initialy loaded

My goal is to write a SAPUI5 Fiori app with routing support. One mail goal is to have passable URLs. For example in an E-Mail like "please approve this: link". The link is an URL matched by my rounting config, e.g.index.html#/applicants/8. I use a…
SDD64
  • 706
  • 13
  • 28
9
votes
2 answers

Not possible to set Filter value using data binding?

This issue came forth from drilling down the original question: How to set filter in table dropdown based on table row data Background I want to use a filter on a SAPUI5 dropdown control, where I set the filter value based on a model property (data…
Qualiture
  • 4,900
  • 7
  • 27
  • 38
9
votes
5 answers

How to handle the itemPress of sap.m.Table?

I've written an XML view. Inside it there is a table:
padibro
  • 1,324
  • 10
  • 56
  • 95
8
votes
1 answer

Unable to get access Token linkedin Oauth

I know some will put comment like this post is duplicate of so many questions, but I've tried many ways to achieve Access Token in linkedin Oauth. Explaining what i tried. 1) I'm following it's official doc's Linkedin Oauth2 2) I'm successfully…
Prasanna
  • 1,752
  • 1
  • 15
  • 27
8
votes
2 answers

How to add a line break to text in UI5?

The escape character \n and Unicode character \u000a will only work in JavaScript. However, I'm trying to add a line break in XML view as below. But doesn't work:
Manjunath
  • 125
  • 1
  • 1
  • 8
1
2
3
…
99 100