Home / SAPUI5 (page 2)

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 …

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 …

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" …

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 …

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 …

Read More »

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 …

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 …

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 …

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 …

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, …

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 …

Read More »

Mapping Authorization Check result to SAPUI5 field control

Introduction It is a generic technical requirement to have authority check result to change the UI5 control state. For example, UI5 should only display the field if the user has a display auth; UI5 field should only be in edit mode if the current user has a change authorization. This article is …

Read More »

Where in the world is #APIFriday?

It’s here today! #APIFriday is back and we’re trying something new today. Watch the video below for a live coding session with me on integrating the SAP API Business Hub into your UI5 app! It’s super easy and can be done in about 10 minutes…I know, CRAZY COOL! I know …

Read More »

How to implement sap.ui.table.TablePersoController

Hello everyone, This is my very first post on SAP Community. Recently, I need to have a column show/hide feature for a report using sap.ui.table.Table. The report is using JSON model since I need to join all data retrieving from oData services and i don’t have a view either. I’ve …

Read More »

UI5ers Buzz #15: Check Out the Magic of a Wizard

We already wrote about the new look and feel of the Shopping Cart demo app in UI5ers Buzz #01 earlier this year. But not only the navigation through the product catalog evolved, the entire check-out process was improved, too! Maybe you already noticed it in our latest nightly build of …

Read More »