Build SAP Overview Page using SAP HANA Cloud & SAP CAP service annotations in Visual (VS) Code

SAP Fiori Elements

This blog will help you to create SAP Overview Page (SAP Fiori Elements) using SAP CAP service in Visual Studio Code. Pre-requisites Node >= 14 UI5 Tooling – npm install –global @ui5/cli Cloud Foundry CLI VS Code & SAP Fiori tools Extension Pack – Installing Visual Studio Code and Configuring SAP Extensions in Visual Studio […]

Continue reading


Analytical List Page in SAP Business Application Studio using SAP’s ES5 Service

SAP Fiori Elements, SAP Fiori, SAPUI5

Please check here my post on building SAP Fiori Elements Analytical List Page(ALP) in SAP Business Application Studio (BAS) and as a service I have used SAP’s ES5 demo gateway system service. ALP consists of: Service used: https://sapes5.sapdevcenter.com//sap/opu/odata/IWBEP/GWSAMPLE_BASIC/ProductSet Create a project using ALP template in BAS. Project Structure: Right click on the project and open […]

Continue reading


Create Analitic List page (Fiori Elements) in Business Application Studio

SAP Fiori, SAP Fiori Elements, SAPUI5

In this blog post, I am sharing information about how to add chart annotation to the analytic list page(Fiori elements). SAP Fiori elements is a framework that comprises the most commonly used floorplan templates and is designed to: Speed up development by reducing the amount of frontend code needed to build SAP Fiori apps. Drive […]

Continue reading


Fiori Elements- (List Report /Object Page)-Enable/Disable/Hide/Unhide input field based on checkbox selection dynamically using Visual Editor

SAP Fiori Elements, SAPUI5

In this blog post, I’ll try to demonstrate how to enable dynamic visibility of filters in object page based on checkbox filter selection. Requirement: We have a requirement to enable/disable some input fields in Fiori Elements Object Page based on checkbox provided is selected/unselected Solution: We will do some modification using visual editor & make […]

Continue reading


Extension of fiori elements(list report/object page) using northwind service in visual studio.

SAP Fiori Elements, SAP Fiori, SAPUI5

This blog post is on regarding how to develop SAP Fiori Elements (List Report Page/Object Page) using Northwind OData service in visual studio and creating an extension and adding annotations in detail. 1. Introduction to Fiori: Fiori is a streamlined application, delivering a role-based user experience that can be personalized across all lines of business, […]

Continue reading


SAP Fiori Elements BOPF CRUD App using List Report/Object Page – step-by-step guide

SAP S/4HANA, SAP Fiori, SAP Fiori Elements

This step-by-step guide was created to show you what can be achieved with SAP Business Application Studio (BAS), SAP Fiori Elements, OData servcies, and CDS Views. The example i’m going to show you is for a mocked-up basic timesheet application. It would require further work to make if fit for purpose in a productive environment, […]

Continue reading