SAPUI5

Customizing a Network Graph to Create an Org Chart

Network graph is a new control introduced in version 1.50 that allows you to display data as a network of nodes connected by lines. The nodes can be circular or rectangular and can be joined into groups. You can define custom attributes for nodes and groups of nodes as well as apply layout algorithms that define the graph’s appearance. Standard application of this controls looks like this:     Moreover, …

Read More »

UI5ers Buzz #19: Let’s be progressive – Convert an OpenUI5 Application into a Progressive Web App

Progressive Web Apps have opened us a lot of new ways to deliver amazing user experiences on the web. They combine the best of web and the best of apps, regardless of any operating system and browser choice. Once installed they feel and look like native applications without requiring special developing skills. Modern business applications should work on desktop and mobile systems, which is no issue thanks to the responsiveness …

Read More »

SAPUI5 Browser Support on SAP Cloud Platform

SAPUI5 web applications or Fiori apps on SAP Cloud Platform always use one specific SAPUI5 library version, which you define during configuration of your applications or Fiori launchpad site. Each SAPUI5 version has next to a defined set of features, a defined browser platform support matrix. The “web browser platform” is the combination of web browser version and the operating system the browser runs on. SAPUI5 supports in general web applications for …

Read More »

Image Processing Using Microsoft Azure Computer Vision API in SAP UI5

Machine Learning is not new to us now. It helps the systemcode by providing an ability to make decisions based on prior experience and learnings. In this blog, I will be sharing the steps to use the Microsoft Azure Computer Vision API within SAP UI5. To go ahead with it we need few pre-requisites: SAP Web IDE account Microsoft Azure account (https://azure.microsoft.com/en-in/free/) Understanding of SAP UI5/Javascript/Jquery We will start with …

Read More »

Enable the search function in Mockserver for apps using Fiori Elements

Developing app using SAP Fiori Elements provides you many features out of the box. For example if you created your app based on the List Report template you can easily enable the search function by adding the searchable annotation to your entity set in your metadata: <EntitySet Name="Product" EntityType="SHOPPING.Product" sap:searchable="true" sap:content-version="1" /> This will provide you an overall search field in the filter area above the list for your application: If …

Read More »

Component Reuse – The move to Manifest.json

First of all sorry that it took me so long to write this last blog. But life happened. This last blog will be about how we can make a consistent app that will work both on SAP Cloud Platform as well as on premise. This scenario will happen if you use the webide to develop, but deploy to on premise gateway. Here are the links to my other blogs in …

Read More »

Release and Maintenance Strategy for SAPUI5 on SAP Cloud Platform

  If you want to run SAPUI5 web applications or Fiori apps in your Fiori launchpad on SAP Cloud Platform you always have to define one SAPUI5 library version for your apps or launchpad. You have several options: SAPUI5 custom versions, which are not supported by SAP, or supported SAPUI5 versions, which are either in maintenance phase or innovation phase. Planned new SAPUI5 innovation, maintenance versions on SAP Cloud Platform are delivered in …

Read More »

The perfect UI is just a few clicks away: Why your app should support SAPUI5 flexibility services.

Imagine a customer thinks this about your SAP application: “I wish I could see the mobile number for our suppliers,” or, “I wish I didn’t have to see the Country field in this app, it just clutters the screen.” Unfortunately, they either have to get IT to make the changes or they just live with it. Instead, how about letting a business expert user make changes directly to the UI …

Read More »

SAP UI5 – Simplified Utility Framework APIs

Generic Change or Select Event for SAPUI5 Input controls   There are instances where user actions on an input field follow the same set of field binding retrieval, processing and updating. This leads to redundant codelines (owing to repetition of above mentioned binding sequence) for all input fields. Use cases of this blog/codebase – If a project demands a short development timeframe The need for a generic framework/APIs Re-usable and Scalable …

Read More »

SAP UI5 – Simplified Utility Framework APIs – Input LiveChange Validate and Update

Generic Livechange Event for SAPUI5 Input control Use cases of this blog/codebase – Validate and Update each character as and when the end-user types each character/digit The need for a generic framework/APIs Re-usable and Scalable codebase Category: SAPUI5 Development Code: XML and JavaScript Files: *.view.xml and *.controller.js or any other utility.js UI5 Controls: sap.m.Input Events: Change, liveChange Advantages: Generic API to Validate and Update Input field as and when the end-user …

Read More »