Skip to Content

Synopsis ℹ   This blog is to record the journey of my first Fiori App. Its extension and deployment through Portal. The idea is to help fellow Fiori UX enthusiasts to feel comfortable and hit the road with ease on their SAP UX initiative.

App: Purchase Requisition Approval

Pre-requisites ❗

      • Configuration steps are complete both on the backend (ECC) and Frontend (Gateway) systems, as per SAP recommendations
      • Workflow configuration along with release strategy is in place on the backend system (ECC)
      • WebIDE setup is complete as per SAP guidelines
      • Single-signOn between Gateway and Portal servers are complete

LPD configuration steps

      • Create a custom Launchpad (ZMS_LPD) using tcode LPD_CUST in Gateway

/wp-content/uploads/2015/05/1_700659.png

/wp-content/uploads/2015/05/2_700660.png

      • Create custom catalog in the Launchpad designer and its Target mapping

/wp-content/uploads/2015/05/3_700697.png

      • Custom changes to package GBAPP_APV_PR on the backend
    •     Actual requirement:
          1. Add new column Project (internal Order) on the Item screen
          2. on Account Assignment screen on Item Details – > display only 3 columns
          3. Apply custom theme changes to Launchpad
    •    ABAP objects:

      • GBAPP_APV_PR_MDP – part of OData model, enhance to add custom fields

      • GBAPP_APV_PR_RDP – enhance to change runtime data

                         Sample code:

/wp-content/uploads/2015/05/5_700699.png


Web IDE

      • Create a new extension project
      • Select the App to be extended from the SAPUI5 ABAP repository

/wp-content/uploads/2015/05/6_700700.png

      • Choose open project in extensibility pane

/wp-content/uploads/2015/05/7_700701.png

      • Hide/change fields using the view or extend a controller

/wp-content/uploads/2015/05/8_700702.png

      • Test run the changes

/wp-content/uploads/2015/05/9_700706.png

      • Deploy the extended app back into the ABAP repository. the app is rendered as a $TMP BSP application. Use SE80 to assign it to a suitable package for transport

voila!

/wp-content/uploads/2015/05/16_700692.png

Note from Moderator:  This blog was accidentally deleted after its initial release on April 7, 2015 and has been recreated by Ram on May 7, 2015.

Blog edited by Moderator, Mike Appleby – 08-May-2015

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply