Icon tab bar with dynamic add button

[former_member208449]

Hello SAP UI5 Community,

I have a use case to have a icon tab bar with dynamic add button as shown in the screenshot. On click of the add button, new icon tab filter gets created and the add button position should be shifted after the newly created icon tab filter.

I am able to achieve the functionality of creating icon tab item dynamically. However, I am unable to place the add button as part of icon tab bar.

My xml -

<App id="idAppControl">
<pages>
<Page title="{i18n>title}" showHeader="false">
<content>
<IconTabBar id="idIconTabBar" stretchContentHeight = "true" showOverflowSelectList = "true" applyContentPadding="true" select = "onIconTabBarSelect" selectedKey="{Model>/Overview}" expanded="true" expandable="false">
</IconTabBar>
<FlexBox alignItems="End" justifyContent="End" height="60px">
<items>
<Button type="Transparent" press="onCreate" icon="sap-icon://add" tooltip="Create new tab"/>
</items>
</FlexBox>
</content>
</Page>
</pages>
</App>

With the above xml, my view looks like (add button is in a separate control after the icon tab bar) -

Please advise.