Dear SAP Community Member,
In order to fully benefit from what the SAP Community has to offer, please register at:
Thank you,
The SAP Community team.
Skip to end of metadata
Go to start of metadata

There are different ways to leverage the development capabilities of SAP Cloud Platform Portal:

  • Create a SAP Fiori launchpad Portal site and use the SAP Fiori launchpad plugin to extend the shell of the SAP Fiori launchpad
  • Create site templates for Portal freestyle sites in SAP Web IDE
  • Develop a web content widget template in SAP Web IDE, extend it by adding code snippets. You can combine content widgets and applications on the same Portal site.
  • Develop cool applications with the SAP Web IDE, connect them to your backends or any other API and embed them in your portal sites
  • Leverage SAP Cloud Portal APIs to create custom navigation menus, widgets mashups (communication), widget settings and more
  • Integrate additional SAP Cloud Platform services to boost your solution – add collaboration capabilities to your portal with SAP Jam, display documents by integrating with SAP Document Center. Use Portal to create a comprehensive digital experience for your IoT scenarios.
  • Create innovative themes for your Portal sites with the SAP Theme designer.
  • Develop custom tiles for you SAP Fiori launchpad sites

For the developer challenge 2018 you are free to choose the development scenario, you would like to implement. You could for example develop a freestyle Portal site template, together with web content widgets and apps. Then you create a cool design for your Portal site. It is up to you what you would like to do.

Take into account the validation criteria for your submission: technical challenges; creativity and innovation; business relevance; amount of use of product features.

Developing for SAP Fiori Launchpad Sites

An SAP Fiori launchpad plugin allows you to extend the shell of the SAP Fiori launchpad.  SAP Cloud Platform Portal also offers its own API catalog in the SAP API Business Hub.

More information:
Developer Guide for SAP Fiori Launchpad Sites


Site Template Development for Freestyle Sites

SAP Web IDE offers a custom plug-in for developing freestyle site components in a structured manner. The plug-in consists of a set of wizards for creating site templates, page templates, pages, and widgets, as well as an option to convert a Web application to a freestyle site widget. All components are packaged together in one SAPUI5 project that developers can extend and customize developing with SAPUI5, HTML, CSS, JS, jQuery etc.

The template projects can then be easily deployed to your subaccount on the cloud.

More information:

End to End Development Flow

Tutorial: Create your own Portal freestyle site


Widget Development

Develop SAPUI5 applications, integrate them as full page apps launched from Fiori Launchpad tiles or from your freestyle experiences or embed them into your portal pages.                                                                                                                                                                                                                                            

How to:


Custom Web Content Widgets:

Developers can develop a web content widget template in SAP Web IDE and then extend it by adding code snippets and rendering the layout according their user's needs.

Developing Web Content Widget Templates

Shell Plugins

Fiori and Portal developers can extend the functionality of Fiori Launchpad and Portal freestyle sites using Fiori Shell plugins. The concept of plugins allows portal implementers to hook into the Fiori Shell and add new elements to the User Experience – add menu items, create a custom footer, extend the header and more. Fiori Shell plugins are SAPUI5 component apps that are loaded and initialized automatically when the site is started. This means that in addition to hooking into the Shell UX, plugins can be used to initiate and run site related actions in the background – like, register your site to usage analytics tracking (like Google Analytics)

How to:

Plugin Examples:


Portal APIs

  1. SAP Cloud Platform Portal APIs – API Documentation
  2. Fiori Shell services are also available in Portal sites (Fiori Launchpad and Freestyle), like: UserInfoCrossApplicationNavigation
  3. Eventbus – for communicating between portal widgets and apps


Integrating additional SAP Cloud Platform services







  • No labels