Skip to Content

Surely you have heard about Tab Bar in Fiori 2.0, and despite having heard of it you are still wondering how it works and what you need to set it up.

If you are facing this situation, you are in the right place so let’s start by defining what Tab Bar is:

Tab Bar is a new way of rendering Fiori Launchpad (FLP) Tiles, in earlier versions, the FLP loaded all tiles at the same time, this meant for the users to interact with all the assigned tiles they needed to “scroll” down the page to find the required tile. 

From a performance perspective, this meant an issue because all tiles needed to be loaded prior to the FLP being rendered, additionally if the user was assigned hundreds of tiles the rendering time of FLP increased as it is directly affected by the number of assigned tiles.

In Fiori 2.0 it is possible to modify how FLP displays the tiles by enabling “Tab Bar”, this will allow FLP to display all available tiles per Business Group which translates into lower rendering times.

Enabling this new rendering mode will affect how users interact with FLP as they will move from “scrolling” to “tab navigation”. You can find an example of how navigation changes in the following video:

Now that we have understood what this new feature does, the next step is to activate it. Overall, two steps are needed to configure this setting:

  1. Create PFCG Role and Fiori Catalog ZUI5_TAB, which will enable/disable Tab Bar.
  2. Fiori Catalog will be based on Target Mapping configurations, semantic object “Shell”, action “bootConfig”

This time we will skip the steps for creating a PFCG Role and Fiori Catalogs so we can focus on explaining the Target Mapping parametrization, which basically requires you to setup two parameters:

Parameter Description
renderers/fiori2/componentData/config
/applications/Shell-home/homePageGroupDisplay
Setting this parameter allows an administrator to forcibly enable/disable Tab Bar for all users who are assigned the PFCG role. It has two values: “scroll” to display FLP in scroll-mode; “tabs” to enable Tab Bar.

 

Here you can see the difference of using the value “scroll” vs “tabs”:

Parameter Description
renderers/fiori2/componentData
/config/applications/Shell-home
/enableHomePageSettings
Setting this parameter will enable End Users to switch on/off Tab Bar functionality from the User Settings Menu at will. It is important to understand that when the user changes the Home Page setting the value is stores at User Personalization level so the Administrator can no longer forcibly enable Tab Bar.

 

Here you can see how the user settings menu is modified:

If you wish to enable both parameters, your target mapping would look similar to this:

Once this is done, assign the PFCG Role to your end-users and enjoy Tab Bar.

Do you have any questions? Let us know in the comments section.

Thanks,

SAP S/4HANA RIG

To report this post you need to login first.

11 Comments

You must be Logged on to comment or reply to a post.

    1. Jorge Baltazar Post author

      Hi Saurabh,

      You are correct, it is available from NW 751 onwards. You can find more information of the new features in this version here.

      Regards,

      JB

      (1) 
  1. Smriti Gupta

    Hello Jorge,

     

    Thankyou so much for this blog once again. It didn’t even take 5 min to implement it and my launchpad’s performance has improved drastically as I have assigned myself too many groups.

    Is this info available in any of the BP guides ? Also could you pls tell if  GUI transactions can be searched using transaction code

    Thanks

    smriti

    (0) 
  2. Smriti Gupta

    Hi,

     

    One question pls. I assigned this Role n ZUI5_tab & catalog  only to one User but the changes in the Settings are visible for all the users.  Could you pls explain why is it so?

     

    Thanks

    smriti

    (0) 
  3. Amber .

    Hi Jorge,

    I am working on S4 Hana Cloud 1705 Starter system. Since i will be having SAP GUI , how can i maintain these fiori configuration parameters as I can’t see any SAP TCode page in App Finder.

    Thanks

    (0) 
    1. Jorge Baltazar Post author

      Hi Amber,

      In S4HANA Cloud you don’t have access to SAP GUI, only Fiori Launchpad. In order to get these configurations done you must create a ticket and Service Center will make the settings for you. I think Tab Bar is already delivered by default so you only need to activate it in your User Settings –> HomePage

      (0) 
      1. Amber .

        Hi Jorge,

        Thanks for your reply.  Actually I raised incident but SAP replied asking me to check with roles . But I am not sure which roles to assign.

        Regarding your suggestion to activate in User Settings -> HomePage , I dont see any option in User Settings for that. Please find the attached screenshot.

        Also, I am using Starter system given by SAP for S/4 Hana Cloud 1705.

         

         

         

        (0) 
        1. Jorge Baltazar Post author

          Hi Amber,

          To activate Tab bar, you just need to select the option “Show one group at a time”. If you notice, the image you sent is similar to the one in the blog.

          Note that each user would need to make this change in their launchpad settings.

          As mentioned, I think the configurations are already provided by default on Cloud systems by Service Center so you don’t need to add additional roles just activate the required option.

          Regards,

          JB

          (0) 
          1. Amber .

             

            Hi Jorge,

            Thanks again for your reply. I selected the option “Show one group at a time” and as per expected behavior  , it will show Tile of the selected group only

            However what i wanted to ask was that I want to change the values of different  Fiori configuration parameters of Shell (for other purposes like make SAP Menu visible) like you have shown above in one of the screenshots where properties of Shell are displayed (renders/fiori2)

            Since I am accessing this on cloud , how do I get the screen where I will see the properties of semantic object “Shell” under “Configure UI5 Tab” as per your screenshot

             

            Thanks & Regards

            Amber

            (0) 

Leave a Reply