Skip to Content

Add Navigation Manually to Integrate an SAPUI5 App Into a Launchpad Site

Add navigation properties to your custom-developed SAPUI5 app so it can be integrated into your launchpad site in the SAP Launchpad service.
You will learn
  • How to configure the navigation properties for your custom app
LindsayBertLindsay BertMarch 16, 2021
Created by
LindsayBert
September 7, 2020
Contributors
LindsayBert

Adding navigation properties to custom-developed apps is mandatory if you want to add them to a launchpad site. To add navigation properties to an app, edit its manifest.json file and add an intent to it. An intent is a unique combination of a semantic object and an action.

  • Step 1
    1. In your SAP Business Application Studio explorer, expand your app folder and then expand the webapp subfolder and select it.

    2. Click the manifest.json file to open it.

      Open manifest.json file
    Log in to complete tutorial
  • Step 2

    Now you’ll add the intent navigation parameters to the sap.app descriptor in the manifest.json file.

    1. Under the sap.app section of the manifest.json file, put your cursor on the line before the closing bracket of the sap.app section. In our example, we’ll put it after the closing bracket of the datasources section.

      Find entry for intent
    2. Add the intent descriptor as follows:

      • Add a comma after the closing bracket of the datasources section to add a new section.

        Add comma
      • Click enter to add a new row and then backspace to make sure you’re at the beginning of the newly added row.

      • Copy the following intent information (note the copy button on the right of this code).

        JSON
        Copy
        "crossNavigation": {
            "inbounds": {
                "intent1": {
                    "signature": {
                        "parameters": {},
                        "additionalParameters": "allowed"
                    },
                    "semanticObject": "Object",
                    "action": "display",
                    "title": "{{appTitle}}",
                    "info": "{{appTitle}}",
                    "subTitle": "{{appSubTitle}}",
                    "icon": "sap-icon://account"
                }
            }
        }
        
      • Paste this code in your manifest.json file. It should look like this:

        Paste intent navigation
    3. Click File > Save.

    Log in to complete tutorial
  • Step 3

    Which file do you need to add the intent to

    Log in to complete tutorial
Back to top