SAPUI5

‘Live News’ Extension for Google Chrome using SAPUI5

Building a Chrome Extension using SAPUI5 We are going to create a simple Chrome Extension which displays live news from various news providers across the globe. For the News APIs, create your account in https://newsapi.org/and get your API key in order to get the API response. To build a Chrome Extension, the very first thing we’ll need to create is a manifest file named manifest.json. This manifest is nothing more than a metadata file …

Read More »

UI5ers Buzz #11: UI5 Download and Development Options

I assume, an actual UI5 developer knows where to get his resources to build apps with UI5. But does everybody really know all options? This is yet to be identified! Mentioned briefly here, there are these two slightly different versions of UI5: SAPUI5 and it’s wonderful open source sibling OpenUI5. Without going too much into the subject of differentiating between these two, but depending on what you want to work …

Read More »

Download the Model Data to a CSV/Excel file in UI5

We can download the data present in JSON or the data retrieved from oData to an csv  file. The bolow code snippets can be used to achieve the same. Data.Json: JSON is a very lightweight format for storing data and can be directly used as a data source for SAPUI5 applications. Now create a JSON file within the model folder of the application. Specify the data in the JSON file …

Read More »

Step by step to debug UI5 application running on iOS device with your windows laptop

It is possible to debug a UI5 application running on an iOS device with a windows laptop. Suppose I have deployed my UI5 application to SAP cloud platform: https://jerrylist.cfapps.eu10.hana.ondemand.com/ui5/. Now I launch this application in my iPad: And I would like to debug this UI5 application which is running on iPad with my windows laptop. Here below are detailed steps: 1. install iTunes https://www.apple.com/cn/itunes/download/ so that your iOS device could be …

Read More »

Dual Stacked Column/Bar Chart example using VizFrame in UI5.

Stacked bar charts are used to display information about the sub-groups that make up the different categories. In stacked bar charts the bars representing the sub-groups are placed on top of each other to make a single column, or side by side to make a single bar. The overall height or length of the bar shows the total size of the category whilst different colors or shadings are used to …

Read More »

Donut Chart example using VizFrame in UI5.

Pie charts are extensively used in presentations and offices, Pie Charts help show proportions between categories, by dividing a circle into proportional segments. Each arc length represents a proportion of each category, while the full circle represents the total sum of all the data, equal to 100%. A donut chart is essentially a Pie Chart with an area of the center cut out. Data.Json: JSON is a very lightweight format …

Read More »

A real example of promise usage in Cloud for customer framework

There are lots of tutorials about promise in the internet. Recently I am studying the frontend code of SAP Cloud for Customer and I come across a real example of how promise is used there. Below is the Passcode logon view. Once Passcode is entered, suppose I have already entered the system url and frontend user name in the past, they will be directly retrieved from browser storage. Currently I use …

Read More »

UI5ers Buzz #10: New Demo Kit – Your Doorway to UI5!

The starting point for everyone working with UI5 is the Demo Kit App. It is a comprehensive overview of the SAPUI5 framework. Picture 1: Overview of the old Demo Kit on desktop and mobile It was built with old libraries – sap.ui.commons and sap.ui.ux3, which are now deprecated. As we are working on front-end technologies, we wanted our SDK to represent us as best as possible. That’s why we sat down …

Read More »

Stacked Bar/Column chart example using VizFrame in UI5.

Stacked bar charts are used to display information about the sub-groups that make up the different categories. In stacked bar charts the bars representing the sub-groups are placed on top of each other to make a single column, or side by side to make a single bar. The overall height or length of the bar shows the total size of the category while different colors or shadings are used to …

Read More »

SAPUI5 Integration with Outlook REST APIs

Reference: https://docs.microsoft.com/en-us/outlook/rest/javascript-tutorial The purpose of this guide is to walk through the process of creating a simple single-page SAPUI5 app that retrieves messages from Office 365 or Outlook.com. The source code in this repository is what you should end up with if you follow the steps outlined here. We will use the Microsoft Graph to access Outlook mail. Microsoft recommends using the Microsoft Graph to access Outlook mail, calendar, and contacts. You …

Read More »