SAPUI5

Live Search Functionality In SAP UI5

Nowadays we come across many web pages that provide data in the form of lists or tables. These lists are enabled with live search, i.e. as soon as the user types in the search box the results are shown to him on the spot. Like the below image: I was always keen to bring this functionality to SAP UI5 apps containing lists or tables. I implemented this with a very …

Read More »

Implementing a custom UI5 lib and a UI5 app consuming the lib using SAP Full-Stack WebIDE with Grunt

I typically use some local dev environment with some of my favorite IDE’s, i.e. VS Code, Atom, WebStorm,… However, sometimes I prefer to use the SAP Web IDE when it comes to implementing UI5 apps for the SAP Cloud Platform (SAPCP). Implementing custom UI5 libs seems to receive more and more attention these days (also thanks to ui5lab.io). Doing that using your own machine & tools works seamlessly. But can …

Read More »

UI5ers Buzz #17: Support Assistant – Keep your UI5 Apps in Good Shape!

Have you ever imagined a world in which your SAPUI5/OpenUI5 dev/test environment will help you fix UI issues before they are even discovered? Well, this is not fiction anymore. With the UI5 Support Assistant you can easily and efficiently check whether your apps are following the UI5 best practices, product standard requirements or SAP Fiori Design Guidelines. Picture 1: Support Assistant tool in use SAPUI5 is the strategic technology to move towards appealing and standard-compliant web …

Read More »

Next generation JavaScript in UI5 using SAP Web IDE

Introduction The new Full Stack SAP Web IDE comes with integration of Grunt. Grunt is a JavaScript task runner and will automate the build process of your UI5 project. It will, for example, minify the JavaScript files, generate a preload and so on… There are already two great tutorials on how Grunt works in the SAP Web IDE: Basic tutorial: https://www.sap.com/developer/tutorials/webide-grunt-basic.html More advanced tutorial: https://www.sap.com/developer/tutorials/webide-grunt-plugins.html Grunt offers a lot more …

Read More »

Component Reuse – 4 ways of sharing data between the apps

This is the second part of my blog series around component reuse. These are the contents of the blog series Demystifying the art of component reuse in SAPUI5 Component Reuse – 4 ways of sharing data between the apps Simplifying the component reuse to work both on premise and in cloud and using the manifest.json   In the last blog I explained how we can incorporate a separate app inside …

Read More »

Barcode or QR code scanning functionality into SAPUI5 applications.

I came across sap.ndc.BarcodeScanner class. Below function can be used to open iOS device camera to scan the barcode. onPress: function(oEvent) { sap.ndc.BarcodeScanner.scan( function(mResult) { alert("We got a bar code " + "Result: " + mResult.text + " " + "Format: " + mResult.format + " " + "Cancelled: " + mResult.cancelled); }, function(Error) { alert("Scanning failed: " + Error); }, ); }   Below are few steps to be …

Read More »

Demystifying the art of component reuse in SAPUI5

This is the second part of my blog series around component reuse. These are the contents of the blog series Demystifying the art of component reuse in SAPUI5 Component Reuse – 4 ways of sharing data between the apps Simplifying the component reuse to work both on premise and in cloud and using the manifest.json   One of the things I’ve always found being really complex was component reuse. This …

Read More »

Here’s how to win Hack the Keg

Happy #APIFriday everyone! This week I am giving you a sneak peak of the kegerator API so you can prep to build the best app ever for Hack the Keg Barcelona. Interested in Hack the Keg in Barcelona? Register now! In case you have no idea what Hack the Keg is, here’s the TL;DR – it’s an evening event at TechEd sponsored by Apple and SAP where there is free beer …

Read More »

Add Static Values in Formatter in XMLView

We can add static values in a XML View by defining the static data in i18n properties file. in i18n.properties file add the below line Notifications=Notifications In XML View add similar code like this: count=”{parts:[‘NotificationCount’,’i18n>Notifications’],formatter:’.formatter.hideZeroCount’}”   Note: ‘NotificationCount’ comes from oData model and i18n>Notifications is the static text from i18n. You could access both values in formatter as below   hideZeroCount:function(count,id) { if(id==”Notifications”) { if(count==0) { return null; } else { …

Read More »

UI5ers Buzz #16: Extend the SAP Fiori launchpad with templates available in SAP Web IDE

Starting from scratch over and over again might have mediative side effects and nurtures your personal patience. But let`s be honest, not everyone is looking for the ultimate Zen when it comes to coding. Moreover we want to get things done, enjoy achievements, and head on for the next scenario. You see yourself in that? And you want to extend the SAP Fiori launchpad? – We got news for you: …

Read More »

Do you want to Get SAP Courses?

Get SAP Courses and Training, Videos, Other Useful Resources
Join Now
Written by SAP Expert TEAM.
close-link
New Registration