[userChrome.js] Vertical Toolbar

ウィンドウ左側に縦置きツールバーを配置するための userChrome.js 用スクリプト。
個人的には縦置きツールバー必須なのだが、それを実現するための拡張機能である Toolbar Enhancements が Firefox 1.5 時代から更新停止状態だし、かといって All-in-One Sidebar は余計な機能が多すぎるので、 userChrome.js で必要最低限な機能のみを実装した。

xuldev.org :: userChrome.js scripts » Vertical Toolbar


カスタマイズは全てスクリプト直接編集で行うという玄人志向である。残念ながら通常のツールバーのように「ツールバーのカスタマイズ」ウィンドウからボタンをドラッグ&ドロップして配置することはできない。現状のツールバーのカスタマイズ機能は複数の toolbox 要素に対するカスタマイズを考慮した作りになっていないからである。これを複数のtoolbox 要素に対して有効にさせるには、かなりの無茶をしないといけないので諦めた。

スクリプト内の currentSet という変数がツールバーに配置するボタンの要素IDの配列となっている。ツールバーボタン以外にも “separator” (区切り)、 “spring” (伸縮自在のスペース)、 “spacer” (スペース)も配置可能。

変数 mode の値を “icons” とするとアイコンのみ表示、 “text” とするとテキストのみ表示、 “full” とするとアイコンとテキスト両方表示になる。

変数 size の値を “large” とすると大きいサイズのアイコン、 “small” とすると小さいサイズのアイコンとなる。


8 Comments to “[userChrome.js] Vertical Toolbar”


With Gmail Notifier, button is not updated (whereas it is in original toolbars).

Else, it’s a nice script, once again.

[…] SCRAPBLOG : [userChrome.js] Vertical Toolbar ウィンドウ左側に縦置きツールバーを配置するための userChrome.js 用スクリプト (tags: firefox userchrome.js toolbar customize) […]

great, and a lot liter than having AiOS to do this. but unfortunately, buttons are not drag n drop customizable. i tried adding customizable=true and toolbarname=aName, but nothing works. i think the problem is that by the time this is added to the DOM it’s too late, so palette dnd doesn’t know about it.

perhaps there is a function to re-init toolbars so it can behave like the standard ones.. it looks like AiOS iterates through toolboxes and adds drag event listeners.


The toolbar palette customization doesn’t consider multiple toolboxes.
@see chrome://global/content/customizeToolbar.js

yes, i just think it would be very nice to have a small extension, or even just userchrome.js, that enables customizable and dnd button toolbars, just like AiOS does, but without the rest of AiOS.

Although it is no longer available officially, Toolbar Enhancements enables you to do it.
We can get the UNOFFICIAL VERSION from:

thank you gomita. but that version seems broken, with or without AiOS, plus i have very many other extensions to conflict with. vertical toolbars seem like a pretty basic enhancement for Fx. although they can be made/positioned easily via js, making them work with palette is another story.

anyway, back to AiOS.

This is a very helpful script. Thank you! I use vertical-toolbar to hold tool icons I need only on occasion. I don’t mind the lack of d&d.

I have a mouse gesture (left,right) to show or hide the vertical toolbar. It works great!
pt.collapsed = !pt.collapsed;