Home / SAPUI5 (page 30)

SAPUI5

Fun = Agile + SAPUI5; //Part 2

This blog is a follow up on my previous blog, where I introduced the project scope, approach, etc. I think this blog makes more sense after reading the previous one. As mentioned, the most exciting aspect of this project was the responsive design for “all newer browsers” on desktop, tablet …

Read More »

UI5 Components and Extensibility Starters

While working on Fiori application I was very impressed with the extensibility provided by the standard application View Extensions View Replacements View Modifications Control Extensions I tried to go through the demokit documentation and did not find a well document example set for these concepts. So thought of writing this …

Read More »

Simple Notifications for UI5

Enhance your Control-Lib! Intro Usage Enhance your Control-Lib! Intro Today i want to show you a new custom control for UI5-applications. I let myself inspired by codrops once again (see Notification Styles Inspiration). The idea is to create a simple and responsive notification, which can be used on different devices. …

Read More »

Design Thinking – My Learning from SAP DT Workshop

Couple of weeks back  I got a chance to attend SAP workshop on Design thinking(DT) in Bangalore, India. I was floored by the DT  mindset  and the power it brings along for Innovation , providing customer delight not to forget it saves training costs!.“Design thinking” as a mindset has been …

Read More »

What can grunt do for your UI5 project?

In case you want to know if grunt can add value to SAPUI5/OpenUI5 projects, this blog may be of interest to you. To understand what grunt can do for your UI5 project, let`s take the POS app from the open UI5 demokit as an example. This app is located in …

Read More »

Guidelines for posting questions

For the past 5 months, I have spent much time on answering questions in this forum. Here are the kind of postings that I have difficulties with. “I do not know what I am doing, just post my questions and get suggestions”. – We are OK with new users and …

Read More »

Issue 001 – warnings in NWDS while deploying SAPUI5 application

Problem: When deploying the SAPUI5 project from NWDS into SAP NW7.31 server getting the below warnings: 1. Warning occurred on server 6660150 during deploy of sap.com/EAR_UI5 : Web Class Existence Test: com.sap.ASJ.webjlin.000006 filter class “com.sap.ui5.resource.CacheControlFilter” cannot be found in the application class path. Possible reasons: 1) package or class name …

Read More »

An example of how to investigate OData usage in UI5 application

Suppose I need to investigate how the entities of Initiatives displayed in the table control below is accessed via OData in UI5 application Customer Engagement Initiative (CEI): Requirement1: find out the OData Access URL for Initiatives in table control. Launch the CEI application via Chrome, click F12 to open development …

Read More »

How to find technical information of an UI5 application

Step1 Launch the application via Chrome. Step2 Go to tab “Sources”, enable Event Listener Breakpoints with type = Mouse.click. Suppose I need to find out the implementation of button “Create” in Customer Engagement Initiative (CEI): We could observe that once button is clicked, a pop up appears: And I have …

Read More »

SAPUI5: Numbers only textfield & Currency Textfields

Introduction      In many cases when we develop web pages for business purposes, we may need to limit the text field numeric only(age,phone numbers etc). Same way, customers need the currency to be entered separated by comma,instead of seeing it as plain numbers. Here I am adding the code snippets …

Read More »

Create Component-preload.js using Gulp

Before I begin with the topic I would like to give a brief introduction about Gulp. Gulp.js is a open source JavaScript Task Runner. You can easily automate task like minification, compilation, unit testing, linting, etc Use the -g options to install Gulp globally on your machine. npm install -g …

Read More »

Consuming Web service in SAPUI5

This is a useful blog for beginners in ui5. This shows an example to consume the webservice in ui5 application. There are different ways in which this can be achieved. I have shown 2 methods in this blog. In both the methods, the input xml to the webservice is posted …

Read More »

SAP UI 5 – key points

What is SAPUI5 ?                   The UI development toolkit for HTML5 (SAPUI5) is a user interface technology that is used to build and adapt client applications. The SAPUI5 runtime is a client-side HTML5 rendering library with a rich set of standard and extension controls. It provides a lightweight programming model …

Read More »

Inherit Third Party Library into SAPUI5

Hi, Here i will explain about how to insert third party library to SAPUI5 and how to use that library file. Tables in SAPUI5 : sap.ui.table.Table [ Here we cant able to use nested tables ] Nested Tables Ex:   Insert Third Party Lib: define nested table in HTML tags: <table …

Read More »

Create a running clock in UI5 Apps

In this example I am showing how to create a running clock sync with client machine’s clock. This is very small example, but very useful to make application user friendly. No third-party js library is required. Just a small js will suffice this requirement. Here is the example: In your …

Read More »

Online and Offline capability in HTML5

Hi, Here we comes to know how to store data into HTML5 local database. HTML5 introduced Local storage concepts. The Main use for this concept was offline capabilities and local persisted storage features, you can deliver the same rich user experiences online and offline that were previously available only in …

Read More »

Dynamic Tab Creation in sap.ui.commons.TabStrip

Requirement is based on odata output show linked children tabs corresponding to the parent tab. These children numbers are dynamic depending upon parent’s data configuration. Also we have to go each tab and give some inputs, then save all tabs together in one save. Also user can move to any …

Read More »

Custom SAPUI5 Visualization Controls with D3.js

Over the last couple of months I have been playing with D3.js, the JavaScript visualization library that allows you to programmatically create SVG visualizations on the basis of a data set. I love how this allows me to think up how to visualize a particular dataset without any constraints of …

Read More »

UI5 Control for Google Maps with Data Binding

In a previous post I used the Google Maps API to interact with the SAP HANA Geographic objects Aggregation of tables by geographic location using geo-spatial SAP HANA capacities, SAP UI5 and Google Maps,  this is a more advanced stage of the UI5 and Google Maps integration, now the map …

Read More »

Read NFC tag using Kapsel & SAPUI5

This Blog explains about how to Integrate NFC Plug-in with Kapsel and how to read the NFC tag using SAPUI5 mobile application.for our understanding, entire process will be explained in five sections, 1) Kapsel Setup & Android Project Creation. 2) Add NFC plugin to Kapsel. 3) Import the project into …

Read More »

Issues with CSRF token and how to solve them

Lately, I was struggling with correct handling of this token. Since I found some misleading content here in community network, I would like to share with my findings. What is CSRF, why do we use CSRF token and how long it is valid CSRF (Cross-site request forgery) is type of …

Read More »