[Feature Request] ui5-tabcontainer: Place the Tabs-content outside the ui5-tabs-tag

[tonitone]

Feature Request Description

Hey

Is it possible to place the content of the ui5-tab outside the ui5-tab tag?

thx in advance Toni

Proposed Solution

<ui5-tabcontainer>
  <div class="whatever-header">
    <ui5-tab text="Tab 1" target="#tab-1"></ui5-tab>
    <ui5-tab text="Tab 2" target="#tab-2"></ui5-tab>
  </div>
  <div class="whatever-bottom">
    <div id="tab-1">Tab 1 content</div>
    <div id="tab-2">Tab 2 content</div>
  </div>
</ui5-tabcontainer>

Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

Privacy Policy

• [X] I’m not disclosing any internal or sensitive information.

[Todor-ads]

Hello @SAP/ui5-webcomponents-topic-rd , take a look of this feature request.

Best regards, Todor

[olannyv]

Hi, @tonitone

I am not quite clear what you want to achieve. Can you provide more context or scenario (screenshot?) about the final goal of this request?

Thanks in advance, Daniel

[tonitone]

Hi @olannyv

We want to redesign our object page with ui5-webcomponents and create the “Anchor Bar Navigation” with the ui5-tabs.

Due to our current/old implementation/designs, it would be great to not place the content part directly in the tabs.

I saw the implementation of tabs navigation in the Bootstrap framework and thought it would be a good feature for the UI5 web components because it gives developers more flexibility in design. https://getbootstrap.com/docs/5.2/components/navs-tabs/#javascript-behavior

Best regards Toni

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 21 days. If there are still questions or comments, please feel free to continue the discussion. Inactive issues will be closed after 7 days!

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 28 days, so I am closing the issue.

[tonitone]

can we reopen it?

[olannyv]

@tonitone

I can re-open it...

As for the request :

• it is entirely different and quite complex user & content interaction - as it is not only where the content is defined, as you'd expect via scrolling through sections to switch also the Tabs, right? But here are hidden tabs in the non-visible tab strip area that if the user scrolls there shall somehow "Jump" in the visible tab area, but this will then re-order the document sections...
• we don't support such Anchor tabbing also in the sap.m.IconTabBar - for the reason to not overcomplicate the

Have to engage UX/VD folks and the team to assess feasibility but I can't promise plausible solution soon