Skip to Content
Technical Articles
Author's profile photo Jorge Baltazar

SAP Fiori for SAP S/4HANA – Customizing SAP Fiori Launchpad Logon Page

The moment the users logs into the SAP Fiori Launchpad is critical as it defines the initial experience of the user with the system.

In cases where customers are only using basic authentication (meaning authentication through user and password), this initial experience comes from the standard logon page which is provided by standard class /UI2/CL_FIORI3_LOGIN. This standard class might not suit your custom branding requirements, hence the need to extend this logon page.

Why is this needed?

In this scenario, when using basic authentication, you want to delight your users from their first interaction with the system, and you want to display a nice page design that transmits a feeling of innovation, for example:

Sample%20logon%20page

Sample logon page

 

How to achieve this modification?

Overall, the required modifications imply creating a custom class which redefines method: INIT_DEFAULT_PROPERTIES from standard class /UI2/CL_FIORI3_LOGIN. In this redefined method we are then able to adjust property values or include custom CSS classes, JS code or images that have been uploaded into the MIME repository as custom objects.

Development%20Architecture

Development Architecture

 

Multiple authors have covered this extension requirement, all of them with valid approaches, for example:

Why do we need a new blog talking about this topic?

You really don’t need it, plus, the SAP documentation has been updated to reflect the best practice for extending the logon page: Customizing the Login Screen

What you might really need is an example document detailing all the steps and options to customize the logon page. For example:

  • How to add files to the MIME repository
  • How to test without disturbing end-users
  • How to modify the value of a property
  • How to include custom JS script to add custom logic
  • How to include a custom CSS class to override standard styles

You will find such examples in the following Github repository:

Customize SAP Fiori Logon Page

Becoming a SAP Fiori for SAP S/4HANA guru

You’ll find much more on the community topic page for SAP Fiori for SAP S/4HANA

Other helpful links in the SAP Community:

Brought to you by the SAP S/4HANA Customer Care and RIG.

 

Assigned Tags

      3 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Gregor Wolf
      Gregor Wolf

      I hope before anyone thinks about adjusting the logon page they think about implementing SSO e.g. using SAML.

      Author's profile photo Jorge Baltazar
      Jorge Baltazar
      Blog Post Author

      Agree, but not the case for all customers.

      Still useful when trying/needing to bypass SAML.

      Author's profile photo Sergio Ferrari
      Sergio Ferrari

      Thanks for sharing !

      This remembered my very very old blog post BSP/HowTo – Customizing the design of System Logon page in NetWeaver ’04

      It was back in 2007 😉

      Sergio