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

SAPUI5: how to make select field read-only

I made a combobox using sap.m library: var oSelection = new sap.m.ComboBox({ name: , id: , items: { }) }, }); Now, how do I make this field kind of read only, so when I tap it on mobile,…
keshet
  • 1,716
  • 5
  • 27
  • 54
6
votes
4 answers

localization(i18n) in sapui5 for fragment.xml file in not appearing

I have a button (create Application) if i click on a button a fragmented dialog will be appearing . here am able to show fragmented dialog .but internalization(i18n) is not appearing for the fields. (For xml files able to show i18n but for…
arunk
  • 185
  • 2
  • 4
  • 14
6
votes
1 answer

Developing SAPUI5 applications with WebStorm

Looking at some of the delivered SAPUI5 code on HANA I noticed that WebStorm and even RubyMine was used by some SAP developers. I have also heard that various other developers on customer sites use WebStorm for code checked into the ABAP…
Jasper_07
  • 2,453
  • 2
  • 18
  • 23
6
votes
1 answer

What is the usage of the "dependents" aggregation?

What is the real world usage of the "dependents" aggregation in SAPUI5. This was added in version 1.9. What problem does it solve? I couldn't find much documentation in the SCN site on this.
c_y
  • 540
  • 3
  • 9
  • 16
6
votes
3 answers

SAPUI5 get current context in detail view

I have a SAPUI5 split-app with a master- and detail-view. When I select an item in the side bar, I pass the context to the detail view, lets say product 1 onSelectProduct: function(evt){ sap.ui.getCore().getEventBus().publish("app",…
Anonymoose
  • 2,389
  • 6
  • 36
  • 69
6
votes
1 answer

How to use layout.Grid in XML view SAPUI5?

I have that code. (https://openui5.hana.ondemand.com/#test-resources/sap/ui/layout/demokit/Grid.html) var oGrid1 = new sap.ui.layout.Grid({ hSpacing: 1, vSpacing: 1, content: [ new sap.ui.commons.TextView({ text :…
neformal
  • 103
  • 1
  • 1
  • 5
6
votes
4 answers

How to directly bind two data properties into one control property using OData model?

I am using an OData model to bind UI controls to GW services. In the service metadata, there are, say, "FirstName" and "LastName" in the data structure. On the UI, say, I am using a Label control. Now the question is how to bind the Text property…
Dr. Dong Zhu
  • 101
  • 2
  • 2
  • 7
6
votes
2 answers

Correct event binding in JavaScript view? Different this binding with XML views

In the SAPUI5 Developers Guide I found this note on handling events: Handling Events in XML Views. Event handlers are used as attributes. The attribute name is the event name, such as "press" for a button, and the attribute value as event handler…
Liam Clark
  • 106
  • 1
  • 2
  • 8
6
votes
1 answer

Reading REST Service with SAPUI5

I am trying to access a REST Service with SAPUI5. I am sending a GET Request with the help of jQuery and expect a JSON respond, but all i get is an empty JSON Object. However the REST service tested with a RESTClient gives me the correct…
DI MI
  • 245
  • 2
  • 5
  • 16
6
votes
2 answers

SAP HANA XS File upload with UI5

I'm trying to implement a file upload in a UI5 application on a HANA XS Server. I can't find many informations how to do that - somebody got an idea?
user2345998
  • 649
  • 13
  • 31
5
votes
1 answer

How do I combine a ShellBar with Page or DynamicPage?

Code sample: https://plnkr.co/edit/KPLJXzI4n1L0fG4Z
Pieter
  • 1,751
  • 3
  • 30
  • 65
5
votes
2 answers

Attachments are not updated asynchronously in Fiori MyInbox app?

I use SAP standard library: Inbox. in library class S3.controller by tap on attachments icon is onTabSelect event executed, witch…
anatoli
  • 1,663
  • 1
  • 17
  • 43
5
votes
1 answer

"Modules that use an anonymous define() call must be loaded with a require() call"

In the walkthrough step 7: JSON Model example, the app apparently works as documented but I see the following error in the console: Error: Modules that use an anonymous define() call must be loaded with a require() call; they must not be executed…
5
votes
1 answer

UI5 Tree Table why repeated nodes?

I am trying to bind OData to a Tree Table following the OData Samples in sap.ui.table.TreeTable I have tried both with basic binding with setting treeAnnotationPropertiesin the xml and annotation binding (I have checked the $metadata query and it…
sandboxj
  • 1,234
  • 3
  • 21
  • 47
5
votes
1 answer

Fiori Elements - Customize $batch query

I have Fiori applications using fiori element and I want to tweak the odata queries that UI5 generated for OData in $batch calls. I have livemode turned for the list report along with smartfilter for selection/filter and list of values using…
05_pingpong
  • 77
  • 1
  • 2
  • 13