Menu customization

From MozillaZine Knowledge Base

(Difference between revisions)
Revision as of 12:42, 7 April 2005
Asqueella (Talk | contribs)
<-- Previous diff
Revision as of 14:20, 19 September 2005
Asqueella (Talk | contribs)

Next diff -->
Line 35: Line 35:
==Hacking program files== ==Hacking program files==
 +[[Category:Visual customizations (Firefox)]]
 +[[Category:Visual customizations (Thunderbird)]]

Revision as of 14:20, 19 September 2005

There are three ways to tweak menus of your XUL-based application, like Mozilla Suite, Thunderbird or Firefox.


Menu Editor Extension

If you use Firefox or Thunderbird, you can install Menu Editor extension, which allows you hide the menu items as well as reorder them.

Post your feedback in Menu Editor discussion thread on MozillaZine forums.

Tweaking userChrome.css

If you don't want to install Menu Editor, you can tweak your menus using userChrome.css. First locate your profile folder. There's a subfolder called "chrome". What you need to do is edit the "userChrome.css" file (create it if it does not exists).

Using ID selectors

Add a line like this to hide any menu item:

#id1, #id2 { display:none !important; }

replacing each of the identifiers #id1, #id2, ... with one of the selectors from UserChrome.css Element Names/IDs#Firefox menus.

Example (hides the "View Background" menu item and the horizontal line after it):

#context-sep-viewbgimage {
  display: none !important;

Using attribute selectors

Another way to change the style of a menu item is to use the label attribute selector.

For example, if you want to hide the "Close Tab" menu item on the tab bar context menu:

menuitem[label="Close Tab"] {
    display: none !important;

or if you want to change the "For Internet Explorer Users" appearance on the "Help" menu:

menuitem[label="For Internet Explorer Users"] {
    text-decoration: line-through !important;

Hacking program files