CODEWITHSUNDEEP
sapui5
johnk1
johnk1

Reputation: 247

SAP UI5 IconTabBar stretchContentHeight overlapping

I am trying to add a panel and ProgressIndicator above IconTabBar and want only scrolling enable for the IconTabBar conten. As per documentation, stretchContentHeight should do the magic, but in my case, the panel/ProgressIndicator is overlapping on Tabs. Any suggestions to make it work?

Refer this link to sample code: https://plnkr.co/edit/FeDd0cvYXcIpmqHP8Inh?p=preview

        <IconTabBar
        id="idIconTabBarStretchContent"
        stretchContentHeight="true">

Thanks

Upvotes: 0

Views: 1435

Answers (1)

P&#233;ter Cata&#241;o
P&#233;ter Cata&#241;o

Reputation: 467

I recommend you to use Layouts, in your case I would prefer Object Page Layout (Documentation, API, Samples). Check out the updated plunker.

Modifications:

  1. Adding ObjectPageLayout using the Tab navigation mode with LazyLoading and alwaysShowContentHeader property set to true
  2. Moving original content of IconTabBar.view into a separate view Products.view
  3. Modifying Page content height to 100% in index.html

.

content: [ new sap.ui.core.ComponentContainer({
    height : "100%", name : "sap.m.sample.IconTabBarStretchContent"
})]

Upvotes: 1

Related Questions