Creating SAP Fiori iViews

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.

Procedure

  1. In the portal, go to Start of the navigation pathContent Administration Next navigation step Portal Content ManagementEnd 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 pathNew Next navigation step iView Next navigation step iView from TemplateEnd 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

    • 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. 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.