Technology Tales

Adventures in consumer and enterprise technology

TOPIC: BROWSER TOOLBAR

Making a custom button to hide or display the Google Toolbar in Firefox

27th February 2011

While adding more toolbars to Firefox is all very fine, they can take up space on the screen. Even with the big screens that many of us have these days, it's still nice to be able to see more of what we use web browsers to visit: web pages. For the Web Developer extension's toolbar, there is the Toggle Web Developer Toolbar plugin for showing and hiding the thing when so desired. As it happens, I keep it hidden until I need it and I fancied doing the same thing with the Google Toolbar but found none. Instead, I happened on a tutorial that used the Custom Buttons plugin to define a custom button. That gives you an entry named Add new button... to the context menu that appears when you right-click on the main menu bar near the top of the Firefox window. When you select the that extra entry in the menu, you get the dialogue box that you see below.

In there, that are some form fields that need filling. Button URL is an option without which you can do, but I entered "Toggle Google Toolbar" into the Name field while also sourcing an image to be used on the button instead of the default (a Google logo, naturally...). The last step is to add the code below underneath the /*CODE*/ comment line, leaving the latter in place.

const toolbar = document.getElementById("gtbToolbar");
toolbar.collapsed = !toolbar.collapsed;

With all that completed, clicking on the OK button is all that's needed to finish off the button definition. With that done, the next step is to add the button where you want it by right-clicking on the top menu bar again and selecting the Customise... entry. From the list of buttons that appears, just pick the new one and drag it to where you want it to go. Then, you're done with what might sound like a roundabout away of putting in place a space saver, but I can live with that.

Ridding the Google Toolbar dictionary of erroneously added words

16th June 2009

Butterfingeredness can happen to anyone, and it's always nice to know to remove words added to custom dictionaries in error. Many of my blog postings have had their spellings checked using a button on the Google Toolbar, so I have a vested interest in knowing how to remove any bloomers. Thankfully, they have a useful page telling you exactly what you need to do for Firefox and Internet Explorer. As is often said, you can never be too careful...

  • The content, images, and materials on this website are protected by copyright law and may not be reproduced, distributed, transmitted, displayed, or published in any form without the prior written permission of the copyright holder. All trademarks, logos, and brand names mentioned on this website are the property of their respective owners. Unauthorised use or duplication of these materials may violate copyright, trademark and other applicable laws, and could result in criminal or civil penalties.

  • All comments on this website are moderated and should contribute meaningfully to the discussion. We welcome diverse viewpoints expressed respectfully, but reserve the right to remove any comments containing hate speech, profanity, personal attacks, spam, promotional content or other inappropriate material without notice. Please note that comment moderation may take up to 24 hours, and that repeatedly violating these guidelines may result in being banned from future participation.

  • By submitting a comment, you grant us the right to publish and edit it as needed, whilst retaining your ownership of the content. Your email address will never be published or shared, though it is required for moderation purposes.