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
1
vote
0 answers

SAP UI5 multiple export - Last file exporting 2 times

I am able to successfully download excel files from my JSON array. The array has many records and based on user input, it is decided if to download all data in one file or multiple. If the action is Yes, then I want to download the data in chunks of…
THI
  • 355
  • 11
  • 40
1
vote
1 answer

Saving values in custom smart filter field

In this smart filter example: https://sapui5.hana.ondemand.com/#/sample/sap.ui.comp.sample.smartfilterbar.example2/preview .. a custom field is used. It's defined like this:
Jorg
  • 7,219
  • 3
  • 44
  • 65
1
vote
0 answers

Failed to call a property of type Collection in a Table using SAPUI5

I can not get the data of a BusinessPartners property of the collection type. In the EntitySet BusinessPartners is the BPAddresses property of the Collection Type, which I want to show all the addresses of that collection in a control, but…
Json
  • 39
  • 8
1
vote
1 answer

How to load a template text file in SAPUI5?

I have a template fragment file, which is an xml file in fact. I want to load it in my controller, do some modification on that, and then use it to render some part of the view. I only need to read this xml file as text file and put its content in a…
MJBZA
  • 4,796
  • 8
  • 48
  • 97
1
vote
2 answers

How to dynamically set binding type's "formatOptions" and "constraints" in XML with binding?

I have a list of elements (OData set) and use a binding to show this list. One field is for a quantity value and this value could sometimes need some decimal places. The requirement is: only show that amount of decimal numbers that is also available…
user3783327
  • 616
  • 8
  • 30
  • 60
1
vote
1 answer

The scrollToSection method does not scroll

I have a ObjectPageLayout that is divided two sections, that it looks like:
softshipper
  • 32,463
  • 51
  • 192
  • 400
1
vote
3 answers

What is the difference between setJSON, setData and loadData?

This is regarding the mentioned methods of sap.ui.model.json.JSONModel in SAPUI5: setJSON setData loadData What is the difference between these 3 methods? When do we use these methods and can we use more than 1 of them for the same purpose?
d33a
  • 690
  • 1
  • 14
  • 39
1
vote
2 answers

Rows binding in sap.ui.table.Table dynamically

I have made a title depending on variable how it's shown in: Title depending on other variable in SAPUI5 I would like to make the same with rows in sap.ui.table.Table so I tried: rows="{= ${someData>/infos}.length > 0 ? ${someData>/infos} :…
Michu93
  • 5,058
  • 7
  • 47
  • 80
1
vote
1 answer

How do I apply logic to binding aggregation in order to generate children dynamically

I have a table in SAPUI5, which works fine, displaying 5 cells of info. However, how do I apply logic to this? For example, I sometimes need the 2nd cell to be a sap.m.RatingIndicator as opposed to sap.m.Text. Is there a way to provide logic or must…
Adam Harkus
  • 2,050
  • 2
  • 36
  • 64
1
vote
0 answers

MTA application with reuse Libraries

We have SAP UI5 MTA application deployed in SAP CP consist of 3 apps(HTML5 modules). All these apps right now standing independently without communicating each other. Among these two apps controller code have similar functions thus we are having…
Nadhiya Majeed
  • 11
  • 1
1
vote
2 answers

SAPUI5 - SmartFilterBar "filterchange" method not triggering for custom controls(SearchField,MultiComboBox)

When custom control is used in SmartFilterBar even after selection of item from custom control, the adopted filter number is not changing and Variant Save button not getting enabled.
Athul Ram
  • 31
  • 2
1
vote
1 answer

Correct Syntax of Element binding in XML view with JSON model

Trying to get right syntax for context binding in XML view. I have a JSON model and set the model to view with name "company" inside controller. When I use absolute path, it works but when I use relative path, it doesn't. It seems, view is unable to…
SQL_NOVICE
  • 35
  • 1
  • 7
1
vote
0 answers

Event listener in Fiori List line item action

I have a requirement where I need to listen to a line item action of Fiori List elements report. I have embedded Fiori list component 'L' inside a freestyle app component 'F 'because I need to display multiple independent reports in app 'F'.…
Sumit Kundu
  • 11
  • 2
1
vote
2 answers

List Binding is not bound against a list for /JSONDataSet

I have a JSON model, which I build from a Metadata set. So I created that JSON array and did the following: var oModel = new JSONModel({ JSONDataSet: oJSONDataArray }); this._oFragment.setModel(oModel); In my fragment, I have a table:
MaradonaAtCoding
  • 81
  • 1
  • 4
  • 13
1
vote
2 answers

sap.uxap.ObjectPageLayout: How to set default section page on load?

I am using the sap.uxap.ObjectPageLayout with a bunch of ObjectPageSections. I would like to have the first section being displayed whenever I open the view containing the ObjectPageLayout. I have seen that there is association selectedSection but…
AntonSack
  • 1,021
  • 2
  • 25
  • 47
1 2 3
…
99
100