Pimp the Add Bookmark Dialog in Firefox

The Add Bookmarks dialog windows is not really the best example of usability in Firefox. The default window just shows a 'Create in Bookmarks' folder and the user has to click the down arrow to expand this menu and display his folder structure. If you like your things organized you probably have created a rather large folder structure in which you place your bookmarks.

Most users do not place them in the folder Bookmarks. A little CSS tweak expands that Add Bookmarks window to display most of your folder structure without having to press any buttons. To apply this tweak you need to find the file userChrome.css and open it in a text editor.

The easiest way to find the file is to type about:support in Firefox's address bar and hit enter. On the Troubleshooting page that opens click on the show folder button which takes you directly to your profile folder. Here you need to open the chrome folder and there you find the userChrome.css file. If it does not exist, create it.

Add the following code at the end of the file. You might want to change the height that is set to 40 to another value depending on your monitor resolution and folder structure.

@-moz-document url("chrome://browser/content/bookmarks/addBookmark2.xul") {
#addBookmarkDialog {
min-height: 40em !important; /* Adjust this value to change the default height */
}
#folder-tree {
visibility: visible !important;
}
#keywordRow {
display: -moz-grid-line !important;
}
button[dlgtype="extra2"] {
display: -moz-box !important;
}
#expander, #keywordRow + row {
display: none !important;
}
}

Before:

After:

Update: Please note that this does not work in more recent versions of the Firefox web browser. While you can apply the code to the userchrome.css file, it won't load it anymore due to changes made to Firefox's add bookmark menu.

One of the better alternatives that you have is to install an extension such as Add Bookmark Here which adds similar functionality which you can use for that purpose, especially if you use the bookmarks toolbar or display the bookmarks in the browser sidebar.

Advertisement