SAPUI5

A few days ago, Gregor Wolf, one of my fellow SAP Mentors was looking for a UI5 control that would display a QR codes: When I first started experimenting with custom controls, I have been experimenting with a couple of Javascript libraries, including the great QR library by Kazuhiko Arase. I believe at that time, I started experimenting with this library because it was possible to re-render the QR codes …

The SAPUI5 Demo Kit now has an integrated feedback option. We are keen to get your feedback and further improve our documentation. You can launch the feedback dialog from the right-hand upper corner of your Demo Kit app. Simply rate our documentation using the rating option or provide us with details. You can choose to share your feedback about your overall experience or specific page you are viewing. We are …

To help you understand code completion in SAP Web IDE, we’ve put together a series of videos, each on a different feature — like code completion in JavaScript files or XML files, or how to get autohints, an intelligent suggestion that automatically appears without having to press Control-Space. There are videos on code completion for embedded types, on code snippets that you can add to your code with all the …

As CRUD operations are possible in SAP UI5 using XSJS services (SAP HANA as database) but as per new versions of Odata Model these operations are possible through ODATA. It reduces considerable lines of code and makes SAP UI5 more friendly for developers. Following artifacts are used in this Document- A SAP HANA Table – “<Schema Name>”.”DATA” which contains three columns- NAME (NVARCHAR), CITY(NVARCHAR), PHONE(INTEGER) A Odata service is created …

This article is for my fellow coders who would like to add Web charts component of D3 in SAPUI5 as custom controls. When I started working on adding D3 component as a custom component in SAPUI5, I had little knowledge on SAPUI5 & D3 both. I kept searching net on the ways to integrate D3 with SAPUI5 but unfortunately found very less material on their association, all I could find …

Suicide Squad was released worldwide last week and being a long-time fan I decided to celebrate it over the weekend by building an app to introduce the suicide squad. I needed a simple app to create the list of characters and some details. What’s better than the trusted SAPUI5 Master Details template. I prepared all the character elements – Their description, cast in the movie, their skills and when they …

The introduction of SAPUI5 technologies changed the multiple cloud services options for customers to choose from when trying to determine a path forward for Self-Services. With each wave of Fiori apps that SAP releases, SAP is getting closer to filling in all the gaps that have existed for using Fiori as a full-featured platform for Self-Services. Prior to these latest waves, Fiori had existed in a niche where it was …

“sap.gantt” is the new library introduced recently to create a Gantt Chart control in SAP UI5. This control is basically used to represent our data in graphical form and we can further perform other operations on it. In this document , in Part I , we will see how to get started with the Gantt control. We will be creating a Gantt Chart with Table control. In Part II ,  …

I don’t know how often you will come across an issue like this. Nevertheless, I think it’s a good case to work with redefinition of controls and a composite control as the FilterBar. I created a custom worklist app that uses the FilterBar control, with SAPUI5 version 1,28.31. This is a composite control that it has its own buttons with fixed labels. The problem that I had was that two …

I had a requirement to add linear and exponential trend lines to a line chart. I found a library that provides the most important regression functions out of the box and I used it in my chart. Here the steps I followed as reference in case you have the same requirement. The library is called regression-js and can be found here: https://github.com/Tom-Alexander/regression-js Thanks a lot to Tom Alexander for sharing …