Scroll only content of IconTabBar keeping top bar fixed

[Twinkle_Shah]

Hello All,

I am using an IconTabBar control. When content exceeds the page size, a scroll bar appears. But the the IconTabBar also scrolls along with its content.

I want the top bar to remain fixed and only the content to be scrolled.

I read the below point in release of SAPUI5 1.26

stretchContentHeight can be used together with the new FixFlex layout control to create pages where the IconTabBar does not scroll together with its content and the content fills the remaining space below the IconTabBar

Can someone provide a small example of it?

How do I get content of IconTabBar scroll keeping the bar fixed?

Thanks,

Twinkle

[Former Member · Accepted solution]

Just had the same question myself.  Turns out that it's actually quite easy to implement.  Example/demo at: https://sapui5.netweaver.ondemand.com/sdk/explored.html#/sample/sap.m.sample.IconTabBarStretchConten...

Basically I needed to do two things in my app to make this work:

1. Add stretchContentHeight="true" to IconTabBar.
2. Wrap my IconTabFilter content in a ScrollContainer:
   1. <ScrollContainer
      height="100%"
      width="100%"
      horizontal="false"
      vertical="true">

[Twinkle_Shah · Accepted solution]

Hello,

Thanks for the Reply.

I did the same thing.

Regards,

Twinkle

[former_member677062 · Accepted solution]

Thanks, this saved me! ❤️

[former_member673012 · Accepted solution]

Thank you very much