Your questions answered : Customising & Theming SAP Fiori
Gareth Ryan
By Gareth Ryan

aw-23.jpgAfter the 2nd webinar in our SAP Fiori Cloud Edition series there were some new questions posed around the theming and customisation capabilities of the platform.  Please see your questions answered below.

If you missed the webinar, watch the recording here Watch the webinar here

Is it possible to confirm testing for different devices, or is that unnecessary because they're not native apps?

As suggested in this question, the nature of the Fiori apps and framework largely makes it device independent, as the apps are essentially all HTML based and therefore run in the browser.  SAP do of course offer the native Fiori Client (click here to download from the app store: Apple app, Windows app and Android app) which were developed to overcome some of the shortfalls in mobile browsers, however the content is still essentially HTML and hence device independent. It is worth noting that there are some challenges around the Blackberry platform and you should check both SAP’s PAM and the individual app requirements to avoid any issues.


Does the theme get auto adjusted to phone or tablet? Or do we have to customise each one individually?
The theme is responsive, just like the overall Fiori framework and as a result almost all of the theming and branding you add to your site will “just work” when displayed on a mobile device.  Having said that, some images with a fixed size can cause problems or just not look right when running on a smaller screen so it is still worth investing some time into ensuring your overall theme works on all devices.


Fiori works via tiles for a specific task, so will users have 100s of tiles to manage and theme?

Let’s cover off Theming first – this applies to all of your Launchpad and apps as one.  For example, if I were to change the background colour of the title bar in the app “My Tasks” to be a shade of red, I end up with this:-
Fiori_Image_1.pngIf I then jump into another app, such as “My Team Calendar”, the title bar picks up the same theming:-

You don’t have to theme every single, individual app or tile, rather you create your global theme that applies to all content in your Fiori Launchpad site.

Next, taking the view that a user could end up with hundreds of tiles then yes, at the user personalisation stage they would need to organise all of those tiles to suit their personal working patterns. As it stands, it is unlikely however to see a single user or role that would need that many apps – I’d recommend you revisit your security and role mappings if that is the case!


Can we personalise the theme based on user's roles or system?  In other words, can we code the theme somewhere?

This is similar to a question raised after the last webinar and is one that I hear quite often.  There isn’t an automated way to determine the theme to user assignment, although there are various ways of forcing this functionality whether via custom code somewhere in your applications or more likely by defining a number of Fiori Launchpads, however this can quickly become unwieldly.  Of course, individual users can choose the theme they receive – ideally I’d like to see a simple tool as part of the suite that supports user/role to theme mapping as a mass update.


Why not a pick and drop for personalisation? Gives more sense of ease to whosoever is customising.

I completely agree, and indeed the personalisation function supports drag and drop for moving tiles around between different groups.  As mentioned in the call, using personalisation on a mobile device, drag and drop is the main method of re-arranging your tiles.


When we are explicitly selecting the new in cross tab, then in the edit why do we have to again select it under the cross tab?
This is to give the user the most flexibility when personalising their Launchpad – it allows them to make multiple changes at once.  When you select the add button in a group, it is actually just jumping you into the Tile Catalog where you can add or indeed remove tiles from your groups.  Maybe the add icon is misleading, and it should be more of an edit type icon for clarity.


Gareth Ryan
By Gareth Ryan

Gareth is the Director of SAP Technology and SAP mentor with a long history spent battling SAP’s many development approaches, UI technologies and related revolutions. He specialises in delivering simple process driven solutions with a heavy focus on quality UX and getting the most from technology. As an SAP Mentor, he also devotes time to the broader SAP ecosphere, as well as helping with community engagement and events. When away from the office, he loves exploring, collecting and listening to all sorts of music.

Follow us on Social

And get access to even more digital insights


Just want to talk, call us on:
+44 (0)844 5610930

Join us

Life doesn't wait and neither should you. If you want to join a bunch of people intent on changing the world, you've come to the right place.


Latest opportunities