Adding Custom Fields to Standard Fiori App of S/4HANA

[ahmedyehia9]

Purpose of this blog:

Enhancing Standard Fiori Apps in S/4HANA: A Comprehensive Guide to How to Adding Custom Fields in Standard SAP Fiori Apps and How to Adding a Fields in a Filter Bar of a Standard SAP Fiori App .

Highlight of this blog:

• Introduction of Fiori launchpad.
• Introduction of CDS View Extension Creation.
• Usage of ABAP Annotations for CDS Views.

Detailed Steps:

1. Navigate to Fiori Library: here

1.1 Enter SAP Fiori App Name or Fiori App Id

Ex: "Overdue Materials - Goods Receipt Blocked Stock" Or "F2347"

1.2  Navigate to ‘ IMPLEMENTATION INFORMATION’  Tab then ‘ Configuration ’ 

1.3 Get OData service : MMIM_OVERDUE_GRBLOCKED_SRV.

Note: Remove SRV and you will get ODATA Project: MMIM_OVERDUE_GRBLOCKED.

2. Navigate to SAP GUI and go to T-Code SEGW : 

2.1 Open new project and add your OData project: MMIM_OVERDUE_GRBLOCKED.

 2.2- Follow the steps below to get CDS view.

Note: Get CDS view , remove 'Type', and obtain " C_MaterialOverdueGRBlocked ".

3. Open Eclipse Editor :

 3.1 Create Extend View: " ZMM_GR_BS_DDL " and  enter your logical code. 

@AbapCatalog.sqlViewAppendName: 'ZMM_GR_BS_DDL'
@EndUserText.label: 'Add custom field in GR Blocked Stock'


extend view C_MaterialOverdueGRBlocked with ZMM_GR_B_STOCK
association [1..1] to ekkn as _Extend_EKKN on $projection.purchaseorder = _Extend_EKKN.ebeln  and $projection.purchaseorderitem = _Extend_EKKN.ebelp
association [1..1] to eban as _Extend_EBAN on $projection.purchaseorder = _Extend_EBAN.ebeln  and $projection.purchaseorderitem = _Extend_EBAN.ebelp
{   
    @Search.defaultSearchElement: true
    @Search.fuzzinessThreshold: 0.8
    @Search.ranking: #HIGH
    @EndUserText.label: 'Job Order'
    @Consumption.valueHelpDefinition: [{ entity: { element: 'AUFNR' , name: 'ZMM_JobOrdGRBlockStock_VH' } }]
    _Extend_EKKN.aufnr ,
    
    @Search.defaultSearchElement: true
    @Search.fuzzinessThreshold: 0.8
    @Search.ranking: #HIGH
    @EndUserText.label: 'PR Number'
    _Extend_EBAN.banfn,
    
    @Search.defaultSearchElement: true
    @Search.fuzzinessThreshold: 0.8
    @Search.ranking: #HIGH
    @EndUserText.label: 'PR Item'
    
    _Extend_EBAN.bnfpo,
    @Search.defaultSearchElement: true
    @Search.fuzzinessThreshold: 0.8
    @Search.ranking: #HIGH
    @EndUserText.label: 'Storage Location'
    
    _Extend_EBAN.lgort,
    _Extend_EKKN ,
    _Extend_EBAN
   }

3.2 Go to SAP GUI -> T-Code SE16N . You will find that custom fields are appended to the CDS view C_MATERIALOVERDUEGRBLOCKED.

 3.3 Go to SAP GUI -> T-Code SEGW .You will find that custom fields are appended to the CDS view in OData service.

Before

After

4. Navigate to SAP Fiori Launchpad :

4.1 Navigate to Fiori App from T-Code /UI2/FLPTE_ALL

 4.2 Choose Settings.

4.3 Select the fields that you have added.

 4.4 Choose Adapt Filters. 

4.5 Select the fields that you have added.

4.6 You will find the fields you have added. 

Conclusion:

At the end, I hope this blog was helpful, uncomplicated, and clearly detailed for the entire process of adding custom fields in standard Fiori apps. In the upcoming blogs, we will delve into adding custom fields in more complex Fiori apps that require extending standard OData services, such as ( Stock - Multiple Materials, Monitor Purchase Order Items, etc.)

 References:

• ABAP Annotations for CDS Views here
• Extending CDS Views here 
• CDS: Search Annotations here