Tech Tip – Activate the Code Nav button in Dreamweaver 2004

I’m a big fan of Macromedia Dreamweaver. Ever since version 2, I hung up my text editor in favor of Dreamweaver’s simple yet powerful WYSIWYG editor. When version 6 (a.k.a. MX) came out, Dreamweaver expanded from a web page editor to a full fledged web application development environment. MX also added one of my most favorite features. The little button in the code view toolbar called "Code Navigation".

Marked with an icon of two curly braces "{}", the code navigation allows you to jump quickly from function to function in your code. Even better, it seemed to work in any language; JavaScript, C#, even ActionScript. When Dreamweaver 7 (a.k.a. MX 2004) came out I was shocked to find that the Code Navigation button was missing! No preference button to turn it on. No mention in the manual. Nothing.

Fortunately, the button is still there, just hidden. Inside the folder "Dreamweaver MX 2004\Configuration\Toolbars" there is a file "toolbars.xml". This file contains all of the configuration information for the Dreamweaver toolbars, including the code view. Open toolbars.xml and scroll down to around line 135. There you will see the xml element <menubutton id="DW_CodeNav", which is commented out. Simply remove the comment marks and the button will be active.

I don’t know what the Macromedia UI team was thinking, but this button is extremely helpful. If you use Dreamweaver for coding as I do, you’ll definitely want this feature on.

— Matt

Leave a Reply

Your email address will not be published. Required fields are marked *