Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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!

like image 621
Sebastian Avatar asked Jun 07 '11 19:06

Sebastian


People also ask

How do you pin tabs on a tablet?

Arrange tabs To pin a tab to the left, right-click the tab and select Pin. Pinned tabs are smaller and only show the site's icon. To unpin a tab, right-click the tab and select Unpin. To move a tab to a different window, right-click on the tab and point to Move tab to another window.

How do I pin a tab bar?

Pin and Unpin Tab Using Mouse or TrackpadOpen Chrome, right-click the tab, and select Pin. Alternatively, right-click the tab and press P on your keyboard. Chrome will highlight the Pin option on the menu. Press Enter/Return to pin the tab.

Can I permanently pin tabs in Chrome?

You open a tab, go to a site, right-click the tab displaying the site, and select Pin Tab (or just Pin). That tab will then remain a permanent fixture to your browser until you unpin it (or you fall victim to that which I'll explain in a moment). I've been using pinned tabs for a very long time.


1 Answers

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.

like image 130
Sebastian Avatar answered Sep 30 '22 17:09

Sebastian