Show TOC

UI Extensibility WorkflowLocate this document in the navigation structure


When the back-end logic and content required for the app extension exists in the Gateway layer, but is not exposed in the app’s UI, then you follow this workflow.


This workflow describes the process for extending the UI by using the Eclipse integrated developer environment (IDE). You can also use SAP Web IDE.

To learn about using SAP Web IDE to extend applications that reside in the SAPUI5 ABAP repository, see


Before beginning, you should complete the following steps:

  • Install ABAP Development Tools for SAP NetWeaver

    Refer to for setting up ABAP Team Provider

  • Install the SAPUI5 Application Development Tool for Eclipse

    Refer to SAP Note 1747308 Information published on SAP site for the Installation of UI development toolkit for HTML5 (SAPUI5)

  • Ensure that all SAPUI5 plugins are version 1.16.2 or higher

    Version numbers appear on the Installed Software tab. See Start of the navigation path Help Next navigation step About Eclipse Next navigation step Installation Next navigation step Details End of the navigation path.

  • Ensure the local Tomcat web server is configured to work with SAPUI5 Eclipse

    • First you may have to download Tomcat from published on non-SAP site.

    • In the Java EE perspective (the default perspective) of Eclipse, click the Servers tab. If there are no servers available, choose the new server wizard link. Alternatively, right-click and select Start of the navigation path New Next navigation step Server End of the navigation path.

    • Choose Start of the navigation path Apache Next navigation step Tomcat 7.0 End of the navigation path.

    • Add a new server runtime by specifying the folder where you unzipped the Tomcat files.

    • When you finish the wizard you should see a Tomcat v7.0 server in the Servers view.

    • Finally, open the configuration overview by double-clicking the Tomcat v7.0 server in the Servers view. There you need to select the server option, Serve modules without publishing.


In case the ABAP system where the UI application is deployed is based on NW 7.31 or higher, then you can use the ABAP Repository Team Provider. For releases lower than NW 7.31, you can use SAPUI5 Application Development plug-in of Eclipse and use the upload/download mechanisms described in the link


These are the steps in the process for extending the UI of SAP Fiori applications.




Download the SAP-delivered standard application from the ABAP system


Test the SAP-delivered standard application in the local Launchpad sandbox environment


Create a custom application that extends an SAP-delivered standard application


Check the SAP-enabled extension options


Define the extensions metadata


Test the custom application on the local Launchpad sandbox environment


Upload the custom application to the ABAP system


Smoke-test the custom application on the ABAP system


Configure the custom application on Fiori Launchpad


Test the custom application on Fiori Launchpad