Firefox: Install Tab Utilities for Opera-esque tab stacks


Recommended Posts

If you're a Firefox user and you're looking for something resembling tab stacks from Opera, then you can install Tab Utilities (beta version) to simulate the functionality. Tab stacking is still in beta, you must install Tab Utilities 1.2pre to have this feature.

Tab stacks enable you to combine two or more tabs into a single tab, which you can expand or collapse. Simply drag one tab onto another to create a new stack. When a tab stack is collapsed, you can hover over the tab and a list of tabs in that stack will appear. You can easily drag and drop tabs between stacks, drag stacks between windows, and even drag one stack into another.

post-57213-0-61411800-1316060043.png

Left stack is expanded (first two tabs), right stack is collapsed with 3 tabs

Type about:config into the address bar to configure the following settings:

  • extensions.tabutils.autoStack - A new stack will be created when opening a link in a new tab
  • extensions.tabutils.autoCollapseInactiveStack
  • extensions.tabutils.autoCollapseNewStack
  • extensions.tabutils.autoExpandStackOnDragover
  • extensions.tabutils.autoExpandStackOnSelect

Pardon the off-topic, but what theme/customisations are you using?

I use Stratiform with the following customizations:

Buttons - Strata50

Icons - Wave

Tabs - Wave

Selected Tab Color - Frost

Inactive Tab Color - Custom 0% opaque.

This is the CSS code for the Firefox button. I don't know CSS, I just managed to piece this together from a few different styles.

/* #appmenu-button dropmarker{
        display: none !important;
} */

#main-window:not([privatebrowsingmode]) #appmenu-button .button-text {
	display: none !important;
}

#appmenu-button dropmarker {
	margin: 2px 0 0 4px !important;
}

#appmenu-button-container {
	background-image: url("chrome://branding/content/icon48.png"), -moz-linear-gradient(rgba(200,200,200,.55), rgba(150,150,150,.55), rgba(70,70,70,.7)) !important;
	background-repeat: no-repeat !important;
	min-width: 64px !important;
}

#appmenu-button {
	background: transparent !important;
	padding: 0 6px 1px 5px !important;
	min-width: 64px !important;
	height: 20px !important;
}

window#main-window:not([inFullscreen="true"])[sizemode="maximized"][tabsontop="true"] #appmenu-button {
	height: 24px !important;
}

#main-window:-moz-window-inactive #appmenu-button:not(:hover) {
	background: transparent !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset !important;
}

#main-window[privatebrowsingmode] #appmenu-button-container {
	background-image: -moz-linear-gradient(rgb(153,38,211), rgb(105,19,163) 95%) !important;
	border-color: rgba(43,8,65,.9) !important;
}

If you're a Firefox user and you're looking for something resembling tab stacks from Opera, then you can install Tab Utilities (beta version) to simulate the functionality.

Tab stacks enable you to combine two or more tabs into a single tab, which you can expand or collapse. You simply need to drag one tab onto another. When a tab stack is collapsed, you can hover over the tab and a list of tabs in that stack will appear. You can easily drag and drop tabs between stacks, drag stacks between windows, and even drag one stack into another.

post-57213-0-61411800-1316060043.png

Left stack is expanded, right stack is collapsed with 3 tabs

OK...I installed this...spent 10 minutes searching the options to figure out how to make it work. Gave up and uninstalled.

I would be willing to give it another go, if you tell me how to make it work...tab stacking that is

OK...I installed this...spent 10 minutes searching the options to figure out how to make it work. Gave up and uninstalled.

I would be willing to give it another go, if you tell me how to make it work...tab stacking that is

I updated the first post with more details. The feature should be enabled by default, you simply drag one tab onto another to create a new stack. If it still doesn't work for you, all I can suggest is to try asking for help in the support thread here.

I updated the first post with more details. The feature should be enabled by default, you simply drag one tab onto another to create a new stack. If it still doesn't work for you, all I can suggest is to try asking for help in the support thread here.

ok...Got it...it's working. OBVIOUSLY, I did not understand how this was supposed to function before. THIS IS GREAT!!!! The tab stacking is fantastic! Good job...

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.