Home / SAPUI5 (page 5)

SAPUI5

SAPUI5 Developer Download

Quite some time ago an outcry went throughout this community asking “Hey SAP – Where do I download the SAPUI5 SDK“. Well, what can I say: that time there was no good answer to this legitimate question. But the UI5 lab understood the message and set about providing a software bundle …

Read More »

Eliminating duplicates from sap.m.table

Step-1: In order to avoid duplicate records when records are binding from one table to another table by selecting the main table row. Step-2: For this, I am using two tables in order to show how data binding from one table to another table without any duplicate records.   View.js: var oTable; …

Read More »

Custom Control 101 #sapui5 #openui5 #tipoftheday #customcontrol

openui5-qrcode final result inside a SAPUI5 Application   Introduction With the OpenUI5 community we started a new project called UI5Lab. UI5Lab is a place to gather forces and work on a UI5 community-driven custom repository accompanied by vibrant exchange. Whatever will be placed here is discussed in Slack Channel #UI5Lab. …

Read More »

Using css viewport dimensions in UI5 to fix issues in simple snippets

What would you expect with the following simple code (see live on jsbin): <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <div style="height:100%; background-color: green;">What would you expect?</div> </body> </html>   This does NOT render a full height div as you can easily see from …

Read More »

UI5: per-view Internationalization – What about inheritance?

I started to learn UI5 in earnest in september 2016. Quite soon after that I wrote two blog posts about per-view internationalization: SAP UI5: Per-view Internationalization SAP UI5: Internationalization for each view – Addendum for Nested Views (In case you’re wondering: per-view internationalization is the ability to maintain i18n.properties files, …

Read More »

Tech Tip: Use an Interval to Refresh your OData Model

  Using an interval is a way to refresh your data model without refreshing the whole DOM. The DOM is the Document Object Model, or the model of your webpage the browser creates. The setInterval function allows you to define a function or expression to execute on the specified interval. The first …

Read More »

Two way data binding: UI5 VS Vue

Two-way data binding in UI5 Two way data binding test: Control property change leads to model field change Two way data binding test: model field change leads to control property change Two way data binding in Vue Two way data binding test: model field change leads to control property change …

Read More »

Enhancement of MyInbox in ABAP Release 7.50

Introduction We have implemented the Fiori MyInbox on a GW-System with an Abap Release 7.50 SP07. The WF`s are on a Backend Release 7.40 SP11. We need some extra information on the MyInbox which are not available in the standard implementation. So I have enhanced the App to get this …

Read More »

Dynamic field control using Annotations in SAPUI5

Introduction Fiori Elements are becoming increasingly popular. They provide a framework to generate SAPUI5 apps at runtime based on metadata annotations. Instead of generating a whole application, developers can also use Smart Controls for their existing apps, to add tables, forms, etc. in a fast way. These controls use annotations …

Read More »

First SAP CodeJam in central Africa at the Department of Mathematics and Computer Sciences of the University of Douala-Cameroon: Focus on SAPUI5, OpenUI5, SAP Gateway and SAP Web IDE

No CodeJam in their University with poor internet connection. Yes, the Master Students of the University of Douala contributed to ban possible poor internet connection to make the CodeJam perfectly happen!   Douala the metropolitan economical of the central Africa sub-region hosted its first SAP CodeJam at the University of …

Read More »

Analyze Twitter Sentiment with UI5 & API Hub

Were you able to get your Twitter wall up and running from last #APIFriday? If not, my project can be found here: Github. A couple people noticed the CORS issue which is caused by the server Web IDE is hosted on. Unfortunately, we do not have the ability to modify …

Read More »

SAPUI5: Digital Signature Pad

1.   Introduction This document contains the functionality to draw the digital Signature on Signature Pad in SAP UI5 application. For this, I have used the HTML5 control. Users can draw the digital Signature on Signature Pad and can download the signature performed on .JPEG format. If signature is not performed …

Read More »

OData binding to a table in XML Fragment in SAP UI5

OData model is a server-side model, so entire data is available at the server side. The client side can see only rows and fields and you can’t use sorting and filtering at the client side. There is a need to send a request to the server to complete these tasks. Fragments …

Read More »

Dynamic Data Binding for sap.ui.layout.Grid

Hi Readers, First of all, thank you very much for reading this blog. In this blog I am going to write about the dynamic data binding in sap.ui.layout.grid. In SAP UI5 Explored we will able to see that data binding is present  but that is not in dynamic way of binding, …

Read More »

Build your own Twitter wall with UI5

Update 6/1: Try adding sentiment analysis to your twitter wall! Hey #APIFriday-ers! If you have been following along with SAPPHIRE, you know that the SAP API Business Hub got an awesome refresh that came with a bunch of new content, like Machine Learning and Concur APIs and services.We’ve also got …

Read More »

SAPUI5: MS Excel file upload

1.   Introduction This document contains the functionality to upload the excel file in SAP UI5 application through Gateway. For this I have consumed the custom OData service to upload the file. Users can upload the file from the HTML5 browsers (Google Chrome, IE etc…) and see the results in the …

Read More »

UI5ers Buzz #06: Using OPA5 with Gherkin

UI5ers Buzz #06: Using OPA5 with Gherkin Have you ever heard of Behavior Driven Development (BDD)? This is a technique for synchronizing your requirements documentation and automated tests. It will help you reduce your development and testing effort and focus on testing what offers the most business value. SAPUI5’s Gherkin …

Read More »

How to include third party libraries / modules in SAPUI5

Hi all,   In the JavaScript there already exists many libraries with a lot out of the box functionalities that make the developments easier. When working on complex SAPUI5 apps, you’ll probably use at least one third party JavaScript library. Two libraries that I often use: Lodash Contains functions that …

Read More »