Skip to Content
Technical Articles
Author's profile photo Mohit Bansal

Fiori Elements extensibility using CDS and KUE (Key User Extensibility Tool)

This blog is about extending the Fiori Elements based applications using extending underneath data CDS model and KUE (Key user extensibility tool).

For more information on Fiori Elements check this link

Also following standard documents are helpful for understanding of the ABAP Programming Model for SAP HANA, Click here to know more details:

SAP had developed various Fiori elements-based application for many Business scenarios such as Manage Purchase contract, Manage Purchase requisitions, Manage RFQ etc and most of them developed using CDS based SADL framework and BOPF framework for CRUD operations.

Many times, Business needs additional fields in Fiori elements based Standard applications. These can be achieved quickly and effectively via extending CDS and KUE approach.

Please refer below link for SAP Help for more detail on UI Adoptation

Prerequisites

UI Adoptation with KUE( Key user extensibilty) required certain security Roles.

Please make sure to assign  security Role SAP_UI_FLEX_KEY_USER to your user id in Fiori Front system.

Please refer link for more details on enabling Key User Adaptation in the Fiori launchpad.

Steps to be performed

Here are the typical steps needs to be performed for the app extension

  • Identification of Gateway service and CDS data Model

  • CDS extension for the additional fields.

  • Extending the Fiori app using KUE tool & Capture the changes in Transport.

Business Scenario

Let’s consider Business wants to extend Standard Fiori elements-based application ‘Manage RFQ’ at Item Level. Needs to add Inco Term location 1 & Inco Term Location 2 at Item level for RFQ’s and same should be displayed at General information section at Object page.

Requirement

  • Additional fields to be displayed at Item’s Object Page(second level navigation from main app) which is navigating from List display for the Item (  screen shot below)
  • Rearrange few fields in General Information section after clicking this items level details.
  • Hide few of the fields in the standard application as Business don’t want to expose those fields to end user directly.

Detailed Technical Explanation  

Identify the Location where we want to add those additional field in the highlighted section below.

Navigate to Object Page, Also needs to show those fields in General information section also.

Quickly debug the app from front end and identify the Gateway Service and associated CDS data Model.

Gateway Service is MM_PUR_RFQ_MAINTAIN_SRV and corresponding Item Level Navigation is highlighted below for which, we need to do extension. Open the service to check the navigation for the ltem level.

Get the Item Level CDS from the Parent Consumption CDS.

Extend the CDS C_RFQItemEnhWD with those field. UI annotation can be added if those field needs to be displayed in the List Report.

Clear the metadata cache and Browser cache. Reload the application again.

Open the app via KUE (Key user extensibility tool) and navigate to Item detail’s object Page.UI Adoptation Buttons will be appreard on the top ( see highlighted section in yellow)

Right click on General Information Section and create Group for extra fields.

Add extended fields in the Newly created Group  ‘Inco Term Location Detail’.

 

Save and capture the changes in the Transport and changes can be Transported to further layer.

Assigned tags

      5 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Jocelyn Dart
      Jocelyn Dart

       

      Hi Mohit

      Great to see a practical use case using the Adapt UI (UI Adaptation at Runtime) options!

      To make this even better......

      Suggest also referencing the Fiori launchpad User Guide on how to work with Adapt UI . https://help.sap.com/viewer/a7b390faab1140c087b8926571e942b7/201909.000/en-US/6107ee41f89a43c9af0aa279fe039cca.html

      And the prerequisites - the security role SAP_UI_FLEX_KEY_USER and the Enabling Key User Adaptation section in the Fiori launchpad Administrator Guide https://help.sap.com/viewer/a7b390faab1140c087b8926571e942b7/201909.000/en-US/5c424437bf794f809087fdce391149f2.html

       

      Author's profile photo Mohit Bansal
      Mohit Bansal
      Blog Post Author

      Hi Jocylyn,

      Thanks for the suggestion :). I have updated blog with link mentioned by you.

      Regards,

      Mohit Bansal

      Author's profile photo Jocelyn Dart
      Jocelyn Dart

      Thanks Mohit - I have added the blog to the Fiori elements wiki

      Author's profile photo Balakoti Reddy
      Balakoti Reddy

      Hi Mohit,

      Nice blog, also could you please tell us how to add custom section in the Purchase requisition app via CDS view.

      I mean i wanted to add these custom field in a custom section instead of general section.

       

      Thanks

      Balu

      Author's profile photo rakesh singh
      rakesh singh

      Hi Balakoti,

      Were you able to achieve this using Adapt UI option? We have similar requirement, we have created custom fields using "custom fields and logic app" but not able to add these fields in new section. We are only getting option to add standard sections (not custom).

      Thanks,

      Rakesh