Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
Showing results for 
Search instead for 
Did you mean: 
Product and Topic Expert
Product and Topic Expert
With SAP S/4HANA 1909 and the SAP Fiori front-end server 6.0, we take on-premise customers on the first step of the SAP Fiori 3 journey, which evolves the award-winning SAP Fiori design for all SAP products to fully support the Intelligent Suite, running on any device.

With SAP S/4HANA 1909, the very first step of the SAP Fiori 3 journey becomes available to end users for on-premise customers: the new Quartz theme as a successor of the Belize theme used with SAP Fiori 2.0, and the new shell header bar with unified capabilities.

Customers with older releases of SAP S/4HANA or SAP Business Suite can also get this by upgrading their SAP Fiori front-end server to release 6.0.

We already released this to customers with SAP S/4HANA Cloud 1908; with SAP S/4HANA 1909, the same user experience now becomes available on premise. Have a look at this short video to get a brief overview of SAP Fiori 3 and to see this first step in action with SAP S/4HANA:

The SAP Fiori 3 journey – starting today, with more to come

One of the central motivations of SAP Fiori 3 was the development of a design that could be adopted across all products at SAP leading to a more consistent and integrated experience across the entire portfolio – so as to provide a consistent user experience across the various SAP products that an end user needs to work with.

This first step brings the new Quartz theme, which is lighter and more neutral, to blend more into the background, giving application content the center stage, as well as the new shell header bar, which has been aligned to be a best fit for all SAP products, and to be as simple as possible.

These are planned to be adopted by further products going forward, thus helping to achieve a consistent user experience. But this is just the beginning – the target design for SAP Fiori 3 has a lot more in the pipeline, such as:

  • New home pages: providing more information via cards in addition to today’s tiles.

  • More options to structure content: providing multiple home pages and sub-pages.

  • Central inbox and task list: one place to access work items from all products.

  • Intelligence: we have integrated machine learning and intelligence into the foundation of the design in numerous ways: intelligent home pages, dynamic content, proactive business situation handling, and a digital assistant with conversational user experience.

For more details on what is available today and what is planned for SAP Fiori 3, have a look at this blog: First parts of SAP Fiori 3 available with SAP S/4HANA Cloud 1908. The features described there as being available today are now available for on-premise customers with SAP S/4HANA 1909. The new Quartz theme and the shell header bar are also available for older SAP S/4HANA releases and SAP Business Suite with the SAP Fiori front-end server 6.0. The actual services available in the user actions menu depends on what is provided by the back-end system; for example, the notification service is provided by SAP S/4HANA but not by the SAP Business Suite.

SAP Fiori 3 also for SAP S/4HANA classic UIs

To give users the full benefits of SAP Fiori, we recommend giving them all the SAP Fiori launchpad to access everything they use in SAP S/4HANA, i.e. classic UIs such as SAP GUI for HTML and Web Dynpro as well as SAP Fiori apps. To see why, read this blog: Fiori for S/4HANA – Top 5 Fiori features that bring value to every Business User and have a look at this three minute video The SAP Fiori User Experience for SAP S/4HANA.

With SAP S/4HANA 1909, the new Quartz theme and the new shell header bar is available for classic UIs running in the browser, so all users can profit from SAP Fiori 3.

Furthermore, with SAP S/4HANA 1909, classic UIs have been touch enabled, so that they can be used on tablets; find out more in this blog. A selection of the SAP S/4HANA 1909 classic UIs have been released for use on tablets, you can find out which ones via the SAP Fiori apps reference library by selecting “Tablet” in the filter “Form Factor”, and selecting “SAP GUI” , “Web Dynpro” and “Web Client UI” in the filter “UI Technology”. It is technically possible for customers to enable the use of non-released UIs on tablets, but SAP only provides support for tablet-related issues for released UIs.

In case you were not already aware of this: you can easily simplify classic UIs by using SAP Screen Personas to e.g. hide fields, merge tabs etc.

For SAP S/4HANA on-premise customers, the new Quartz theme and shell header bar are currently planned to become available for SAP GUI for Windows running in the SAP Business Client in the second half of next year. Until then you can continue using the Belize theme, or your own custom theme: these are supported with the new SAP Fiori 3 shell header bar.

Some hints and good news for developers

The good news for developers of SAP Fiori apps is that the SAP Fiori 3 theme Quartz is compatible with the SAP Fiori 2.0 theme Belize: as long as you have built SAP Fiori apps using SAP Fiori elements, SAPUI5 or OpenUI5, without adding your own CSS (cascading style sheets) and without developing your own SAPUI5 controls, your app will work fine with SAP Fiori 3 without any technical adoption effort. If you have built your own controls, or you have your own CSS (which we advise against), you will need to check whether they still look OK with the new Quartz theme. If you do have your own controls or CSS, do also check your apps for mobile devices, since we have made the metric for the cozy mode slightly more compact, so that for example more lines in a table can be shown on the screen.

Further good news for developers using SAP Fiori elements: the updated action placement in apps, so that action buttons are positioned more intuitively, is provided out of the box for developers by SAP Fiori elements.

Should you have created your own custom theme, then don’t worry: it will continue to work without you needing to make any adjustments.

Find out more

SAP Fiori 3:

SAP Fiori 3 launchpad:

SAP Fiori front-end server 6.0:

SAP Fiori 3 available with SAP UI5 1.65 – for developers:

SAP Fiori 3 plans:

SAP Fiori general information:

If you’re planning to visit TechEd this year, then we’d be happy to welcome you and tell you more about SAP Fiori 3. Please join us in Las Vegas, Barcelona or Bangalore for these sessions:

  • SAP Fiori 3 UX and the Intelligent Enterprise Experience (LT112).

  • Explore SAP Fiori 3 for End-to-End Processes in the Intelligent Enterprise (UX208).

  • SAP Fiori 3 UX and Design-Led-Development of SAP Fiori Apps for SAP S/4HANA (UX207).

  • Design Exemplary User-Centered Applications with the Latest SAP Fiori 3 UX (UX363).

  • Road Map for SAP Fiori (UX818).