Show TOC

Creating SAP Fiori iViewsLocate this document in the navigation structure

You can create iViews that display SAP Fiori applications in the portal. These iViews can then be displayed as tiles in SAP Fiori launchpad on Portal, or run as standalone applications.

Prerequisites

You have configured SAP Web Dispatcher or another reverse proxy or dispatching component to allow you to run SAP Fiori applications in the SAP Fiori launchpad on Portal.

Context

You create SAP Fiori iViews using a dedicated iView template.

Note

Use this template to create iViews based on a subset of SAP Fiori transactional applications designed to run in the SAP Fiori launchpad, shipped with the user interface add-on 1.0 for SAP NetWeaver, SPS 06 and higher. You can also configure these applications to run in standalone mode without the launchpad being visible to the end user. For more information, see 2103156 Information published on SAP site.

This template cannot be used for SAP Fiori applications which have been designed to run in the SAP Fiori launch page, shipped with the user interface add-on 1.0 for SAP NetWeaver, SPS 04.

For information about the SAP Fiori launch page, in SAP Help Portal, navigate to Start of the navigation path SAP Business Suite Next navigation step SAP Fiori for SAP Business Suite Next navigation step SAP Fiori Products Next navigation step SAP Fiori End of the navigation path.

For more information about running the SAP Fiori launchpad on Portal, see 2031108 Information published on SAP site.

Procedure

  1. In the portal, go to Start of the navigation path Content Administration Next navigation step Portal Content Management End of the navigation path.
  2. In the Portal Catalog, in the context menu of the folder where you want to create the iView select Start of the navigation path New Next navigation step iView Next navigation step iView from Template End of the navigation path.
  3. In the Template Selection step, select the SAP Fiori iView template, and choose Next.
  4. In the General Properties step, define the basic iView settings, and choose Next.
  5. In the SAP Fiori iView Parameters pane, enter the following:

    • System: The ID of the system that hosts the application.

      This must be a system that has been configured to work with SAP Web Dispatcher, another reverse proxy, or the ABAP system on which SAP Fiori launchpad is running.

    • Relative Path for SAP Fiori Application: Enter the relative path to the SAP Fiori launchpad as follows

      sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html

    • Parameters to Pass on the Location String in the URL: Enter the following:

      Shell-runStandaloneApp?sap-ushell-SAPUI5.Component=<SAPUI5 component name including the namespace>&sap-ushell-url=<URL pointing to the server location of the application resource file>

      For example: Shell-runStandaloneApp?sap-ushell-SAPUI5.Component=sap.ushell.demo.AppNavSample&sap-ushell-url=/sapbcui5_demokit/test-resources/sap/ushell/demoapps/AppNavSample

      Note Keep this field empty to run the SAP Fiori launchpad as an application.
    • Fiori Launchpad Header State: Specify how to display the header bar of a standalone application. You can display a minimal header that only displays the Options icon, or hide the header bar entirely.
  6. Complete the wizard and open the iView in the Properties editor.
  7. Note The following step only applies when the iView is running in a framework page that does not support SAPUI5 themes; for example, Ajax Framework Page.
    Locate the Hand Over Portal Stylesheet property and deselect the checkbox to specify that the iView should use the theme defined in the application, and not the portal theme.
Related Information