Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How do I show more than 7 folders in the Bookmarks "Choose" list (need a taller dropdown!)?

  • 26 replies
  • 6 have this problem
  • 1751 views
  • Last reply by jscher2000

more options

When bookmarking a page, the "Choose" process shows only 7 lines of folders, requiring me to scroll through my dozens of them (even more scrolling required if some folders were left expanded). This is because the bookmarking window (the dropdown) is only a small bit of my screen/window height. I used to have an add-on that enlarged this dropdown to show a much longer view of my list. THAT SHOULD BE STANDARD IN FIREFOX!!! But apparently that add-on is not compatible with Firefox Quantum, and I can't find a replacement. Please advise!

Do the developers lead such simple lives that they have only 7 bookmark folders? PLEASE ADD THIS CAPABILITY TO THE BROWSER. I have a 27" monitor, and you ask me to work through a mailslot. CURRENTLY BOOKMARKING A PAGE IS MADDENING!

Meanwhile, can someone please direct me to a compatible add-on for this capability?

PS: I tried to include a screenshot of the dropdown, but your upload process never finished (wheel just keeps turning and page says "Uploading ...". Let me know if any question what I am talking about.

Chosen solution

You can set a larger height for that tree children element with code in userChrome.css.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#editBMPanel_folderTree { min-height: 20em !important; }

You need to create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist.

  • use a plain text editor (Windows: Notepad; Mac: Textedit) to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userChrome.css file in the editor window
  • make sure the userChrome.css file starts with the default @namespace line

If you are on Windows:

  • make sure you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css

Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.css.txt file.

  • make sure you do not have a double .css.css file extension (userChrome.css.css.css) if it is still not working

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

Read this answer in context 👍 1

All Replies (20)

more options

Follow-up (Sorry, I don't see a way to edit my original post) ...

In other words, Bookmark's "Choose" display should resemble what "Show your bookmarks" does -- an entire, page-high list.

By the way, I am aware of the Bookmarks pane, but do not like wasting real estate like that full-time. Am relieved to find the Show Your Bookmarks icon temporarily gives me the same display. (I am also aware of the Tags feature, but it's just yet more thought and work for what should be a quick task, and I sure don't want to retrofit all my existing bookmarks with tags!)

Here's that screenshot...

more options

Chosen Solution

You can set a larger height for that tree children element with code in userChrome.css.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#editBMPanel_folderTree { min-height: 20em !important; }

You need to create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist.

  • use a plain text editor (Windows: Notepad; Mac: Textedit) to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userChrome.css file in the editor window
  • make sure the userChrome.css file starts with the default @namespace line

If you are on Windows:

  • make sure you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css

Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.css.txt file.

  • make sure you do not have a double .css.css file extension (userChrome.css.css.css) if it is still not working

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

Modified by cor-el

more options

Thanks, but my brain shut down at the reference to userChrome.css. Looks like a lot of work that only a programmer would consider simple. (And this is Firefox. Why "Chrome"? Oh, well.)

I'll try to work through your instructions when I have some time. Not expecting that the average user will consider this a "solution," though. (Myself included, except that in trying this I might be dumber than most)

Modified by scinty

more options

Copy/Paste Bookmarks into the search bar on this site : https://addons.mozilla.org/en-US/firefox/addon/theme-font-size-changer/ You may find something, explore to make sure.

https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/

Please let us know if this solved your issue or if need further assistance.

more options
more options

You may know this but you can do a little bit of keyboard navigation to reduce scrolling. If you want to place the bookmark in a folder that starts with S, for example, while you have any folder in the list selected, pressing S will jump to the next match. (What happens when you type multiple letters in a row quickly is a little less predictable.)

more options

Pkshadow #answer-1060412:

Didn't find any drop-down solutions from the search (at least nothing "popular" ... I didn't exhaust all 17 pages of results), but your other link was helpful in explaining this:

"This has nothing to do with Google Chrome. “Chrome” refers to the user interface of the web browser, which is what Google Chrome was named after."

I'm leery of anything Google where my bookmarks are concerned. Not thrilled at all that searching them results in a page of Google SERPs. It wasn't clear at all from Firefox whether I was looking at my own bookmarks, or a search on Google itself. (I'm still not quite certain of what I'm seeing ... but that's another issue.)

... still exploring these recommendations thus far.

more options

Meanwhile, FWIW, I think the dropdown add-in that I had been using (which much satisfaction) was called "Add Bookmark Here." But it's not compatible with Quantum, and doesn't even appear in the search of add-on. (I suppose Quantum shows me only compatible results?)

https://addons.mozilla.org/en-US/firefox/addon/add-bookmark-here-2/

A couple of alternatives are suggested in the user reviews, but neither of them is the same thing at all.

Another user (or the publisher?) noted the following: "No more ABH2 updates Due to technical reasons ABH2 will not get updated as the new WebExtensions wont allow any changes to the UI. Read here: [http://forums.mozillazine.org/viewtop.../viewtopic.php?p=14771213#p14771213] "

Modified by scinty

more options

Firefox uses the "chrome://" protocol to access its internal files and use chrome in other cases like userChrome.css (no relation with Google Chrome).


It is not that difficult to create userChrome.css.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

more options

I've followed cor-el's original instructions. Results are not quite as good as the add-on I was used to, but they're satisfactory. I did the following: In the folder

AppData > Roaming > Mozilla > Firefox > Profiles > xxxxxptm.default > chrome          (x's here replace the actual characters)

I have placed the text file

userChrome.css

and the contents of the file are

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#editBMPanel_folderTree { min-height: 80em !important; } 
/* #editBMPanel_folderTree { min-height: 20em !important; } */
/* userChrome.css */

I assume 20em is the default? At first, changing had no effect, but it turns out I needed to restart Firefox, and apparently it must be restarted each time the em parameter is changed.

Through trial-and-error I found a setting of 80 fits my monitor situation. My larger monitor will accept 100em exactly, but if I am using a window on the smaller monitor next to it, the list will be cut off. Further observations:

Whatever number is set will be what's displayed. I'm unable to grab the bottom of the "Choose" window and drag the list longer or shorter, and the display does not adapt to the monitor height.

If the browser window is in the middle of my screen (top-to-bottom), and ems are set to a relatively high number, the list will be cut off -- that is, the buttons at bottom will be off-screen. To see the entire dropdown (depending on your monitor and em setting), the browser window may need to be at the top of the screen, or near the bottom. (If near the bottom, the list appears at the top of the screen.)

So, okay, problem "solved," and it wasn't nearly as difficult as it first seemed. But I would not consider this solved for the average user. Since apparently Firefox has made it impossible for third parties to replicate the "Add Bookmark Here" add-on (see my earlier post), the developers really should build this into Firefox itself.

By the way, another way to keep Notepad from adding .txt is to put the filename (including the desired extension) in quotes.

Thanks to all!

Modified by scinty

more options

A follow-up ...

While the tall dro* pdown still works and I appreciate it, Bookmarking behavior today is not what I described just two days ago:

  • 80 em is now too tall for my smaller screen. In other words, the Done button etc are lost off the bottom. This is the case regardless of the size of my browser window.
  • After posting on Jan 6, I discovered that if the dropdown was too long (e.g., if my browser window was centered on my larger screen), I could drag the dropdown up, so as to see all of it. Dragging the dropdown is not possible today.
  • When I view bookmarks (via History, and as opposed to saving a bookmark), I get the expected tall dropdown (as I always have), but it is entirely filled with Recently Bookmarked, rather than my bookmarks tree. To view the tree, I need to use the Show Your Bookmarks icon.

Since Monday, I have not changed my userChrome.css file nor its location. I have closed Firefox and reopened it, which reopened all my browser windows. Changing the zoom percentage has no effect on today's bookmarking Choose behavior.

It's almost as if Firefox is going out of its way to make bookmarking a frustration. Look, all we users really need is a way to save bookmarks where we want them, and to find our bookmarks the same way. Like a sock drawer.

more options

scinty said

  • When I view bookmarks (via History, and as opposed to saving a bookmark), I get the expected tall dropdown (as I always have), but it is entirely filled with Recently Bookmarked, rather than my bookmarks tree. To view the tree, I need to use the Show Your Bookmarks icon.

There is a new bookmarks menu toolbar button () that should work the same way as the old bookmarks menu button (), which was the "right-half" of the inseparable star+book duo.

To add that button, either:

(A) Use the Customize panel (Customize Firefox controls, buttons and toolbars) to drag the icon to the desired spot on the toolbar

(B) Use the method from Bookmarks in Firefox - section entitled: How do I add the Bookmarks Menu button to the toolbar?

  • Click the "Library" button:
  • Click "Bookmarks"
  • Click "Bookmarking Tools"
  • Click "Add Bookmarks Menu to Toolbar"
more options
jscher2000 said
There is a new bookmarks menu toolbar button () . . .

Thanks. That's the "Show Your Bookmarks" icon I was referring to in my post (Ctrl+Shift+B). For the benefit of others, I'll add a reminder that the user might want to right-click on it and choose "Sort by name." Otherwise, any recently added folder(s) might appear at the very bottom, below uncategorized pages and seem to be missing.

But this icon is for displaying existing bookmarks. Apparently it is unrelated to the bookmarking process, which, as I noted above, seems to have a mind of its own.

A further irony is that the "Bookmark all tabs" process still works exactly as desired. Maybe that is the dropdown that I found to be movable (in Choose mode) for a complete view. Also, it can be resized to suit the user's monitor and window situation. However, it can only be enlarged. I suspect that my changes to the chrome file (above) are responsible for it refusing to be made smaller.

Modified by scinty

more options

Ever so slightly off topic: Is there a way to increase the number of recent bookmark folders to something greater than 5 ? 10 or 15 would be great, as I'm always having to go back and look for the same folder I used 6 bookmarks ago.

I want to increase the size of the list that drops down when you click

the non-bold arrow in the "Other Bookmarks" box which gives the list :

Bookmarks Toolbar Bookmarks Menu Other Bookmarks


(separator)

Choose


(separator)

folder 5 folder 4 folder 3 folder 2 folder 1 (in order of last bookmarked)

Thanks. I appreciate any thing you find out. I've been looking for this for a little while now. Robby

Modified by robby_r

more options

Hi Robby, the size of that list is determined by a script baked into Firefox, so even if you were to apply a style rule to lengthen the space available on the drop-down, I would expect the extra space to remain blank.

more options

Is there an "official" name for the recently used folders list? Sure would be nice to be able to change it. RR

more options

The other thing is: it seems like such bad software engineering to "bake" a raw number like that into the code --- a little disappointing on FF's part, but who am I to talk as I've never helped any --- though I have been a user since the mosaic days. Robby

more options

robby_r said

Is there a way to increase the number of recent bookmark folders to something greater than 5 ? ...

I don't know if this is going to work for you, but as I noted in my follow-up above, now I'm seeing too many recent bookmarks. I don't know if it's the result of the change I made in the chrome file or what, but it's sure more than five!

When I use the Show Your Bookmarks icon (), I get the normal behavior (never was a problem, is not a problem now), but now when I use the "library" (aka "View history ...") icon () and choose the Bookmarks option, recent bookmarks is all I get, a full screen's worth. (I have blacked out my bookmarks in this screen grab, but it's fully populated with dozens of rows.) How to make the list just a few longer than five, if possible, I wouldn't know.

(Where to find the URL of an icon image, I wouldn't know that either. Thanks to jscher2000 for providing the ones I've copied.)

Modified by scinty

more options

The folders that show in the list have a special annotation (LAST_USED_ANNO):

  • bookmarkPropertiesDialog/folderLastUsed
  • MAX_FOLDER_ITEM_IN_MENU_LIST = 5
more options

scinty said

(And this is Firefox. Why "Chrome"? Oh, well.)

“Chrome” is the name for all the GUI stuff in a program that's not the content. Menus, tabs, scrollbars, etc. userChrome.css is configurations for Firefox's chrome.

That's been true since long before Google decided to make a browser. But they decided to be cheeky and name theirs after that concept. I think it's supposed to reflect being a lightweight browser that gets out of the user's way. It's just a little bit of chrome for the web.

Since you asked.

  1. 1
  2. 2