Create an Analytical List Page using ABAP CDS views and annotations

SAP Fiori for SAP S/4HANA, SAP Fiori, SAPUI5, SAP ABAP CDS

Analytical List Page is a powerful Fiori Element available since SAPUI5 innovation version 1.48, this template provides the ability to create an analytical dashboard with KPIs, charts, tables and also a drill-down navigation to a detail page. I’ll try to resume the content of the guidelines explaining the basic concepts behind this template, starting by […]

Continue reading


Search Paging implementation in S/4HANA and CRM Fiori application

SAPUI5, JavaScript, SAP Fiori, SAP Fiori for SAP CRM, SAP Fiori for SAP S/4HANA, SAP S/4HANA

I Introduce the search paging implementation in S/4HANA for Customer Management built by CRM WebClient UI technology. How about the search paging implemented in S/4HANA native Fiori application? In this blog, I use Product Master Fiori application in S/4HANA and My Opportunity application in CRM for example. Search paging implementation in S/4HANA Fiori application Once […]

Continue reading


Implementing CSS in SAPUI5 Application

SAPUI5, OpenUI5, Mobility,SAP Enterprise Portal

Suppose this is a simple example of a Button element. <script> var button = new sap.ui.commons.Button(“buttonId”,{ text: “Press Me!!!”, helpId: “Press Me”, press: function(){ alert(“Button has been pressed.”) } }); button.placeAt(“content”); </script> </head> <body class=“sapUiBody” role=“application”> <div id=“content”></div> </body> Method 1:- 1. Give an ID to your UI element like in this example I have […]

Continue reading


Insights on SAP UI5

SAP Manufacturing Integration and Intelligence, Manufacturing, SAP NetWeaver

Introduction SAP is moving towards cloud with the introduction of HANA.With advent of new technologies, SAP is also embarking towards developing new competitive modules for its wide variety of products. One of them is SAP UI5 framework. In a very lean term SAP UI5 is a Javascript based framework that has collection of libraries. An […]

Continue reading