openui5 | OpenUI5 lets you build enterprise

 by   SAP JavaScript Version: 1.115.0 License: Apache-2.0

kandi X-RAY | openui5 Summary

kandi X-RAY | openui5 Summary

openui5 is a JavaScript library. openui5 has no bugs, it has a Permissive License and it has medium support. However openui5 has 1 vulnerabilities. You can install using 'npm i openui5-runtime' or download it from GitHub, npm.

OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice.

            kandi-support Support

              openui5 has a medium active ecosystem.
              It has 2756 star(s) with 1218 fork(s). There are 283 watchers for this library.
              There were 10 major release(s) in the last 12 months.
              There are 140 open issues and 2903 have been closed. On average issues are closed in 92 days. There are 13 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of openui5 is 1.115.0

            kandi-Quality Quality

              openui5 has 0 bugs and 0 code smells.

            kandi-Security Security

              openui5 has 1 vulnerability issues reported (0 critical, 0 high, 1 medium, 0 low).
              openui5 code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              openui5 is licensed under the Apache-2.0 License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              openui5 releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions are not available. Examples and code snippets are available.

            Top functions reviewed by kandi - BETA

            kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
            Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of openui5
            Get all kandi verified functions for this library.

            openui5 Key Features

            No Key Features are available at this moment for openui5.

            openui5 Examples and Code Snippets

            No Code Snippets are available at this moment for openui5.

            Community Discussions


            How to import ES Module into UI5 controller
            Asked 2021-Nov-07 at 09:45

            Given an ES Module dictionaryAPI.mjs:



            Answered 2021-Oct-17 at 07:50

            UI5 uses by default UMD import syntax (sap.ui.define, sap.ui.require). To make it understand other module types you have to 'trick' it into thinking that the module is UMD.

            This can be accomplished by using the ui5 cli.

            You have to build a proper folder structure (package.json, ui5.yaml, webapp folder) and in the ui5.yaml file you can define project shims for the corresponding ES modules.

            A cheap and hacky alternative would be to include the ES modules trough



            Implementing the IAsyncContentCreation interface in UI5
            Asked 2021-Oct-27 at 21:24

            To ensure sap.ui.core.UIComponent to be created fully asynchronously, we need to implement the IAsyncContentCreation interface:



            Answered 2021-Oct-27 at 21:24

            I've tried to check the content of library in DevTools, but I get a ReferenceError exception.

            Most probably, you've encountered the V8's debugger limitation, where the unused closure variables (here: library) are not evaluated by the V8 during the debugger session, and thus not accessible from the devtool console. See Why does Chrome debugger think closed local variable is undefined? and also the V8 issues #3491 and #2710.

            The above limitation applies only to V8's debugger. When the code is executed at runtime, library.IAsyncContentCreation will be resolved to the string "sap.ui.core.IAsyncContentCreation" as expected so you won't get the ReferenceError.

            Exploring the SAP apps samples, [...] interface name is replaced with code.

            It's unclear why the sample author decided to require the core library in the first place. Those interfaces in UI5 Objects await string literals. And UI5 interfaces are simple marker interfaces (aka. tagging interfaces). They don't specify any behavior in code. Adding the interface name (string literal) simply tells how the class implementing the interface is supposed to behave. So adding the string literal is sufficient.



            Can't change an app localization during the lifetime
            Asked 2021-Oct-17 at 10:29

            As far as I know, UI5 determines the wanted localization based on browser's HTTP header accept-language with respect of supportedLocales and fallbackLocale values of the manifest.json app descriptor.

            In my case, however, initially user sees an authorization dialog in English and after authorization I would like set an app localization based on a user config, loaded upon successful authorization.

            Based on Language switch in SAPUI5, I've tried to apply:



            Answered 2021-Sep-18 at 06:06

            I'm not sure if this can be done without a reload.

            For modern browsers, you can use this code to change the URL:



            sap.m.Select ignores sapUiSizeCozy in headerContent of ObjectPageLayout
            Asked 2021-Sep-29 at 13:46

            Bug report Bug Report on github

            I am writing an app with the ObjectPageLayout.
            In the header content I have a sap.m.Select and a sap.m.MultiComboBox with a reset button each.
            I want to have them in the header, since they filter all Diagramms and Tabels of the diffrent tabs. I set my css class as it is discribed in the Workthrough. When the style is set to compact mode due to the device type everything is fine.

            When the css class is cozy the select still has the compact style. The MultiComboBox and buttons and everything else take the cozy style.
            --> it looks really bad

            Does anyone have an idea, why the select doesn't have the cozy style aswell?

            I even tryed hard setting the css style in the XML, but it doesn't work. If I change the css class of the MultiComboBox or the buttons it works, but I dont want to always have everything on compact just because the select cannot go on cozy...

            To replicate the problem you can just create a new project (UI5 Version 1.71) in the webide and replace the view with mine:



            Answered 2021-Sep-17 at 06:36

            To fix the width of the Select you can add the aggregation layoutData



            UI5 performance parameters: data-sap-ui-async vs. data-sap-ui-xx-nosync
            Asked 2021-Aug-27 at 19:30

            UI5 bootstrapper has two parameters, which are responsible for the way UI5 loads the libs:

            • data-sap-ui-async
            • data-sap-ui-xx-nosync

            In a case of data-sap-ui-async="true" everything is clear:

            The most important setting is data-sap-ui-async="true". This enables the runtime to load all the modules and preload files for all declared libraries asynchronously, if an asynchronous API is used. Setting async=true leverages the browser's capabilities to execute multiple requests in parallel, without blocking the UI thread.

            I know that data-sap-ui-xx-nosync="warn" allows identifying synchronously loaded libs.

            But what are the benefits of using data-sap-ui-xx-nosync="true"?



            Answered 2021-Aug-06 at 14:26

            As described in Configuration Options and URL Parameters, data-sap-ui-xx-nosync="true" thorws a new Error instead of a simple log.

            When set to warn, any use of synchronous XHRs will be reported with a warning in the console. When set to true, such calls will cause an error.

            What happens with the Error depends on the caller and the application code. In some cases, such errors can break the app. See this plunk for example. With true, the custom JS file cannot be loaded.

            What are the benefits of using data-sap-ui-xx-nosync="true"?

            Since true throws an actual error instance, you might want to react to such events with e.g. window.addEventListener("error", fn). Might be useful for regression tests.



            Stable ID for sap.tnt.NavigationListItem (id vs. key)
            Asked 2021-Jul-07 at 11:04

            According to the Use Stable IDs article, it is recommended to use stable IDs for the UI5 elements. At the same time, I've reviewed multiple samples of sap.tnt.NavigationListItem implementation and I've paid attention that in case of sap.tnt.NavigationListItem no id is used but key, e.g.:



            Answered 2021-Jul-07 at 11:04

            Based on your comments, I made a small example.

            • If your items are hard-coded definitely go for the key in the XML definition.
            • If your items come over a model. You can do the same as everywhere else. Use the data to trigger the right action.

            Use the ID if you need to identify the UI element e.g. buttons in a test or if you add User Assistance Help.



            UI5 extension of controller and lifecycle methods
            Asked 2021-Jun-14 at 17:19

            I'm trying to create a base controller that has common methods and common onInit logic.

            Using the extend method adds the methods from the base controller to the child controller, but the lifecycle methods get overwritten completely.

            • I tried using the override.onInit approach shown on this documentation page but it did not work.
            • I also tried with sap.ui.component like this but I couldn't get it to work at all.
              I'm not sure if it should work with the AMD syntax.

            As far as I understood, the extension feature should replace common methods that have been overridden, but it should execute the lifecycle methods from both the base and extension controller on this respective order.

            So my question are the following:

            1. Is this behavior possible to achieve? If so, what am I doing wrong?
            2. Is there a better way to implement it?

            Example code:

            Parent controller



            Answered 2021-Jun-13 at 10:38

            I didn't know there is an override mechanise in UI5 and it looks over-engineered... My guess is you are on an older version without proper support.

            Anyhow, js-inheritance works out of the box. You need to call "super".



            `sap.m.FeedListItem`: icon does not change after initial rendering
            Asked 2021-Jun-08 at 13:19

            I have a master and a detail view. In the master view, you can switch between pages. Everything works fine. However, when you change from Projects to Contact / Impress (or vice versa), the icons of the three first feed list items are not updated, although the property correctly changes. I am sure that this worked with an earlier version. What am I doing wrong?

            Code of the page:



            Answered 2021-Jun-08 at 13:19

            Thanks for letting us know. I just created a bunch of issues related to the sap.m.FeedListItem on GitHub ([1], [2], [3]).

            Since most of the mentioned bugs are caused by the commit 454a41c, which came with UI5 v1.88, remaining at one of the lower versions supported by OpenUI5 or SAPUI5 could be a temporary solution until the fixes are available.

            Update: the fixes are now merged with the master branch and will be available in the upcoming UI5 version 1.92 and patch releases for older versions.



            SAPUI5 Open link on Button press
            Asked 2021-Apr-04 at 11:46

            I have a SAPUI5 application and want to open a link if I click on a button.

            I get the value of the specific link from an OData call and a normal control is working fine with the remote data path.



            Answered 2021-Apr-04 at 11:46


            Need a Tutorial or Explanation about SAP OpenUI5 user session management
            Asked 2021-Mar-20 at 13:30

            I'm new in SAP OpenUI5, I need an Explanation or tutorial that shows session management like user login and user log out in a standalone OpenUi5, but I cannot find any. If somebody knows, please share. Thank you



            Answered 2021-Mar-19 at 14:28

            Session handling, authorization handling, or encryption are not part of OpenUI5 and need to be handled by the server-side.

            Unfortunately, there is no easy way to complement OpenUI5 with a matching opensource backend for secure Odata V2, which significantly limits OpenUI5's wider usage. There is hope it will change with the OpenUI5's Odata V4 adoptions.


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install openui5

            You can install using 'npm i openui5-runtime' or download it from GitHub, npm.


            For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone SAP/openui5

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link

            Consider Popular JavaScript Libraries


            by freeCodeCamp


            by vuejs


            by facebook


            by twbs

            Try Top Libraries by SAP


            by SAPTypeScript


            by SAPCSS


            by SAPJavaScript


            by SAPTypeScript