In today’s tip we introduce you to the new HTML5-based user interface of SAP Business ByDesign, so that you can continue to find your way around the system in the future.

SAP is currently converting the Business ByDesign user interface from Silverlight to HTML5, as Microsoft will no longer support Silverlight technology in the future. Another reason is that HTML5 can run in all modern Internet browsers, including Google Chrome, for example.

To use the HTML5-based user interface, you need to slightly change the URL with which you call up SAP Business ByDesign.

To do this, simply add “sap / public / ap / ui / repository / SAP_UI / HTMLOBERON5 / client.html? Client_type = html” to your existing URL

The HTML5-based user interface for SAP Business ByDesign can be used from Release 1702 and is constantly being further developed.

New layout

The new HTML5-based user interface is faster and clearer than the Microsoft Silverlight-based user interface.

The first thing you will notice as a user is probably the changed design of the login screen. Despite the new layout, log in there as usual.

New area: My Launchpad

After logging in, instead of the “Home” work center, an area called “My Launchpad” now opens.

Increased clarity

With the new HTML5-based user interface, care was taken to make the screen as clear as possible. The same functions, such as the individual work centers or the search function, are of course retained.

The improved clarity can be seen, for example, in the fact that the individual work centers are no longer listed in a row above the screen, but appear from now on by clicking on the button in the upper left corner (1). You can access your “general tasks” by clicking on the small triangle (2) on the right of the respective work center.


There was another change with regard to the shortcuts.

In the old version there was a separate work center view for the stored quick accesses.

With the HTML5-based user interface, the shortcuts are transferred directly to the launchpad so that you can access them even more easily.

personal settings

A major change has been made in the personal settings area.

To start the personalization mode, click the icon in the upper right corner, to the left of your name.

You can now navigate to different areas of the system and even edit documents and save changes.

When you enter the personalization mode, a help for personalization opens on the right-hand side of the screen.

This shows you exactly where you are making the changes by framing the selected changeable elements with a dashed red border. Among other things, you have the option of hiding individual groups by unchecking “View”. You can also delete individual elements by clicking on the small “x” at the top right at the respective edge.

You can also rename individual elements or even entire groups. All you need to do is right-click on the element or group and enter the desired new name.

In summary, it can be said that personalization in the new HTML5-based user interface is faster, clearer and easier than before. After a short period of getting used to it, you can quickly look forward to many improvements and new possibilities.

If we have piqued your interest and you would like to find out more about the HTML5-based user interface of SAP Business ByDesign, we recommend a video that deals specifically with the new features in SAP Business ByDesign thanks to the new HTML5-based user interface.

See here: What’s new? SAP Business ByDesign – February 2017

We also recommend a video by Rainer Zinow, Senior Vice President of SAP Business ByDesign, in which he gives interesting insights into the future of SAP Business ByDesign at the start of 2017.

See here: SAP Business ByDesign 2017

We hope that today’s tip about the new HTML5-based user interface of SAP Business ByDesign was helpful to you.

We are happy to help if you have any further questions!