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

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

https://sap.github.io/ui5-webcomponents/

Apache License 2.0

1.54k stars 265 forks source link

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

Open tonitone opened 9 months ago

tonitone commented 9 months ago

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 commented 9 months ago

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

Best regards, Todor

olannyv commented 8 months ago

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 commented 8 months ago

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] commented 7 months ago

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] commented 7 months ago

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

tonitone commented 6 months ago

can we reopen it?

olannyv commented 6 months ago

@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