Toolbar customization: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
(→‎Adding or removing toolbars: "Bookmarks Toolbar items")
(added - Restoring missing menu or other toolbars)
Line 24: Line 24:


To add your own toolbar, use the "Add Toolbar" button on the "Customize Toolbar" dialog, then move buttons to it.  The toolbar will be saved upon exit from customize as long as it has content.  To remove your own added toolbar, simply remove all the buttons and space and separator items from it and the toolbar will be gone upon exit from customize.
To add your own toolbar, use the "Add Toolbar" button on the "Customize Toolbar" dialog, then move buttons to it.  The toolbar will be saved upon exit from customize as long as it has content.  To remove your own added toolbar, simply remove all the buttons and space and separator items from it and the toolbar will be gone upon exit from customize.
===Restoring missing menu or other toolbars===
Use "Alt+V"  to get to the "View" menu, then T for selected "Toolbars",  select toolbars wanted. 
Note the underlined letters on the menu indicate Alt+letter is a shortcut,  once inside menus just the underscored letter is the shortcut.
"F11" Full Screen (toggle),  will get you into or out of Full Screen mode.  You can use the  Alt key or move cursor up through the top of screen to temporarily see toolbars when in Full Screen mode.
In full screen mode: "Ctrl+L"  for location bar will still work, and "Ctrl+K" for search bar will still work
The underscored letters in menus are suppressed by default in Windows 7,  to restore missing underscored letters in menus.[http://www.mvps.org/dmcritchie/windows-7/win7.htm#steps]
* Control Panel\All Control Panel Items\Ease of Access Center ("WinKey+U")  → Keyboard (Make the keyboard easier to use)
:[x] Turn on Toggle keys
:[x] Underline keyboard shortcuts and access keys


==Reducing the padding around the toolbars - Advanced==
==Reducing the padding around the toolbars - Advanced==

Revision as of 11:31, 2 June 2010

This article was written for Firefox but it also applies, in general, to SeaMonkey 2. For Thunderbird, see Toolbar customization - Thunderbird


This article explains how to customize the Firefox toolbars. If your toolbar customizations are lost when you restart Firefox, see this article.

It is very easy to customize the layout of the toolbars in Firefox. You can add or remove buttons, and change their placement. The Firefox windows are individually customizable and have different sets of icons that you can add to or remove from each.

Customizing toolbars and buttons

To customize a toolbar in Firefox, go to the "View" menu and select "Toolbars -> Customize"; alternatively, you can context-click (right-click) on the toolbar and select "Customize". The Customize Toolbar dialog will then pop up. To remove a button or other item, simply drag it from the toolbar down into the Customize Toolbar dialog. To add a button, drag it up from the Customize Toolbar dialog and place it on the toolbar. If you want, you can even move buttons or the "Bookmarks Toolbar Items" up onto the menu toolbar. Moving the Search Bar up to the menu toolbar will provide more room both for searching and for Location Bar usages.

Warning: Do not remove "Bookmarks Toolbar Items" from the toolbars. Just hide the Bookmarks Toolbar if you don't need it.

Adding buttons provided by extensions

Some Firefox extensions provide extra toolbar buttons as part of their functionality. Installing an extension, however, does not automatically put its button on the toolbar. To add these buttons, do as described above for adding buttons to the toolbar.

Rearranging toolbar and Status Bar buttons

Toolbar buttons can be rearranged while in Customize. Status Bar buttons are normally assigned to the right side of the Status Bar as extensions are installed -- to rearrange buttons on the Status Bar in Firefox you can use the "Organize Status Bar" extension.

Adding or removing toolbars

To show or hide the "Navigation Toolbar" or "Bookmarks Toolbar" included with Firefox (both are shown by default) or to show or hide other toolbars added to Firefox, go to the "View" menu, select "Toolbars" and click on a listed toolbar to select or deselect the toolbar. If you want to uninstall a toolbar added to Firefox by an extension or other application, see Uninstalling toolbars. If you have an empty "Bookmarks Toolbar" then make sure that the "Bookmarks Toolbar items" icon is still placed on the "Bookmarks Toolbar" (View -> Toolbars -> Customize).

To add your own toolbar, use the "Add Toolbar" button on the "Customize Toolbar" dialog, then move buttons to it. The toolbar will be saved upon exit from customize as long as it has content. To remove your own added toolbar, simply remove all the buttons and space and separator items from it and the toolbar will be gone upon exit from customize.

Restoring missing menu or other toolbars

Use "Alt+V" to get to the "View" menu, then T for selected "Toolbars", select toolbars wanted.

Note the underlined letters on the menu indicate Alt+letter is a shortcut, once inside menus just the underscored letter is the shortcut.

"F11" Full Screen (toggle), will get you into or out of Full Screen mode. You can use the Alt key or move cursor up through the top of screen to temporarily see toolbars when in Full Screen mode.

In full screen mode: "Ctrl+L" for location bar will still work, and "Ctrl+K" for search bar will still work

The underscored letters in menus are suppressed by default in Windows 7, to restore missing underscored letters in menus.[1]

  • Control Panel\All Control Panel Items\Ease of Access Center ("WinKey+U") → Keyboard (Make the keyboard easier to use)
[x] Turn on Toggle keys
[x] Underline keyboard shortcuts and access keys

Reducing the padding around the toolbars - Advanced

To make the toolbars use less space you can reduce the padding around the buttons. Add the following code to your userChrome.css file (but note that this may also affect toolbars supplied by extensions).

   /* Remove extra padding from the Navigation Bar and other toolbars*/
   .toolbarbutton-1, .toolbarbutton-menubutton-button {
      padding: 2px 3px !important;
   }
   .toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
   .toolbarbutton-menubutton-button[checked="true"],
   .toolbarbutton-menubutton-button[open="true"] {
      padding: 4px 1px 1px 4px !important;
   }
   /* Remove extra padding from the Status Bar,
      introduced by the Toolbar enhancements extension */
   #tbx-bottom-toolbox {
      border-top-width: 0 !important;
   }


External links

  • Customizing Firefox (Firefox Support)
  • Extensions for customizing toolbars: Firefox extensions can provide additional toolbar customizations such as adding more buttons for standard Firefox features or adding multiple Search or Bookmark toolbars:
    • With the DragNDrop Toolbars your toolbars become vertically Drag and Droppable.
    • The TotalToolbar extension permits great flexibility in creating and positioning toolbars and toolbar items. The statusbar is now also customizable.
    • The Toolbar Thinger extension lets you add multiple bookmark toolbars and Search Bars as well as other customizations [2]
    • The Toolbar Enhancements extension is currently available only for Firefox 1.0.x, but a third-party version for Firefox 1.5 and 2 is available (through a link at the bottom of that developer-oriented page).
    • The Custom Toolbar Buttons Maker extension, creates a customized subset of Toolbar Buttons for use with toolbars to provide an extension with button access or enable hidden functionality from a button.
    • The Stylish extension allows users to create and share their own styling changes for toolbars, menus, and webpages.