Skip to Content
avatar image
Former Member

SAPUI5 TabStrip shortcut

Hi Team,

I created a TabStrip with around 10 tabs ans few sub tabs in all of them and so on.

My code has become lengthy. Can I have any shortcuts a Functions concept in SAPUI5 to reduce the size of my code. Our Portal has so many applications which should be build using TabStrip.It will be very difficult to build each and every view.

Large codes resulting in slow run and slow output.

Request you to come up with a solution for this.

Thanks & Regards,


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Sep 25, 2017 at 10:37 AM

    Try with the sap.m.TabStripSelectList class and check.


    Add comment
    10|10000 characters needed characters exceeded

  • Dec 20, 2017 at 01:06 PM

    Hi Sindhuja,

    First we need to understand what you mean by "reduce the size of your code". If you want to enhance the capabilities of SAPUI5 in terms of managing the complexity of your code (making it easier to maintain, read, explain, etc.) I would recommend you to look into the Fragments concept. Here, your code will be split into a main XML view that will call multiple XML fragments to compose the different tabs you have on your app.

    Please keep in mind that TabStrip has been deprecated in recent SAPUI5 versions. It is now recommended to use the TabContainer (available since version 1.34). So if you don't have that version available yet please consider upgrading your SAPUI5 component when possible. If not, you have to stick with the aforementioned TabStripSelectList mentioned by Arjun here. I would also recommend you to keep things simple to your users by placing a wizard-like approach to your app instead of tabs. That way your app will feature a step-by-step guidance to users so they are able to complete each task.

    Another way to understand the phrase "reduce the size of your code" is to abide to the Fiori Guidelines. The guidelines will tell you that a user should be able to complete a particular Task in 2 or 3 clicks. I imagine that by placing multiple tabs on a single application it means you have no UX concerns and your users will get either unproductive or unhappy with the app. If you start thinking about the personas and activities each user group has on your corporation, then you might end up splitting this single app with multiple tabs into multiple tiles. Each tile will be a much simpler app that correspond to an activity that humans can easily complete and be more productive.


    Add comment
    10|10000 characters needed characters exceeded