EP: The Portal & The Fiori Framework Page – Part 3

Introduction

In parts one and two of this blog series we touched base on Fiori and it’s relationship with the Enterprise Portal. We covered some of the fundamentals around Fiori’s development and utilization and how this translates into effective user experiences within the Portal through the SAP Fiori Launchpad on Portal.

Missed Part 1 & 2?

If you missed Part’s One and Two you can revisit them here:

• http://scn.sap.com/community/enterprise-portal/blog/2016/05/16/ep-portal-fiori-overview–joining-forces-part-1
• http://scn.sap.com/community/enterprise-portal/blog/2016/05/17/ep-the-portal-fiori-launchpad-integration–part-2

Framework Pages

If you are familiar with the Enterprise Portal (EP) and Netweaver (NW) environments you would have by now become familiar with the various framework pages terminology that exists e.g. Standard, Default, Custom, Classic, Ajax and now Fiori.

So what is a Framework Page?

• As we know the Portal in itself is comprised of various display elements and objects which are interacted with by end-users. Such objects are presented to users in the form of roles, navigation end points, displays and backdrop rendering. End Users (through assigned roles) interact with the Portal itself through the Portal Desktop and the Pages & iViews holstering a synergy with end users is provided by the Framework page.

What does a Framework Page contain?

●  Header area

●  navigation areas (TLN, Navigation Panel, DTN, Masthead)

●  Portal content area (center of the Portal through which applications are rendered)

Fiori Framework Page

When using the SAP Fiori Launchpad on Portal the substructure through which the launchpad is presented to end-users is that of the Fiori Framework Page. Upon configuring the Fiori Framework Page to your own business requirements and preferences the default theme utilized in its presentation to end users if that of SAP Blue Crystal but this can be customized also if required through the UI Theme Designer.

• In relation to FIORI-applications Blue Crystal is the recommended theme to be utilized and as we mentioned it is the default theme setting for Fiori
• For UI5 applications Gold Reflection is really recommended.

Fiori  Framework – Page Configuration

• https://help.sap.com/saphelp_nw73ehp1/helpdata/en/fa/7fb06cc6f747719d798eeff3e30e4e/content.htm
  

Location – Fiori Framework Page

1. Login to the Enterprise Portal
2. http://<host>:<port>/portal
3. Navigate to Portal Content > Portal Users > Standard Portal Users.
4. Then select Fiori Framework Content > Fiori Framework Page.

• pcd:portal_content/every_user/general/defaultFFPFrameworkContent/FioriFrameworkPage

Browser Modes & Fiori Framework Page

As we know with different versions of Web Browser Platforms come several sets of parameters and configurations which need to be maintained in order to support optimal performance. In terms of performance here I am making reference to the means in which users interact with the Portal interface and the method of which these contents are displayed i.e. rendered.

• The Fiori Framework Page will NOT work in Quirks Mode (Internet Explorer (IE))
• If you attempt to force the browser (IE) to run in Quirks Mode it will not work and function properly as the framework itself is based on UI5 components which work only in standards mode.

The Fiori Framework Page is intended for standards mode only and since there is no way to mix different rendering(“document“) modes in same page – all iViews that are rendered “in place” will render in standards mode environment and should comply to it (for example by “sap-ie=Edge” parameter).

• If your business requirements mean certain pages cannot be rendered in standards, then they should be opened in a new window with NAV Mode 3.

Know Issues, Further Troubleshooting & Resolutions

• SAP Note: 2008931 – Known issues for Fiori Framework Page (FLP on Portal)