CODEWITHSUNDEEP
javascriptextjsextjs4
Sebastian
Sebastian

Reputation: 431

Pin tabs in a tab panel

i couldn't find a better title, but i would like to build a tab panel with two tabs that are always present and a undefined number of other tabs that are generated dynamically by the user.

I would like to implement something similar to the app-Tabs in Firefox:

The tabs added by the user should be scrollable, while the other 2 tabs should be pinned and always displayed.

Here's an image: enter image description here

Is this possible via ext or do I have to do it via css?

Thanks for any ideas!

Upvotes: 6

Views: 741

Answers (1)

Sebastian
Sebastian

Reputation: 431

Ok for those who are interested, here is how i did it now.

I shift my tab bar to the right by applying a padding-left. The two tabs that i want to pin are hidden and in the free space that results from the padding i put two buttons and make them look like tabs.

If they are clicked, the hidden buttons are activated.

It's not completely finished, but i think it will act as desired.

Upvotes: 2

Related Questions